python web py入门(50)- jQuery - 输入内容的检查
程序员文章站
2022-07-07 11:51:48
...
在前面学习了从网页上获取输入内容,它是通过jQuery的id选择器来实现的。一般情况之下,获取输入就是为了进行检查数据输入的正确性,那么怎么样判断数据的正确性,就跟你的业务逻辑有关了。比如qq的号码,全是数字;邮箱地址有一个@字符。下面就来学习怎么样检查一个合法的EMAIL地址,在这个例子里使用JS的match函数,它的功能如下:
stringObject.match(searchvalue)
stringObject.match(regexp)
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
在前面使用了下面语句:
var email = $("form#register #email").val();
在这里使用jQuery的val()函数,它的作用如下:
val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
语法:$(selector).val(value)
Visual Studio 2015开发C++程序的基本使用
stringObject.match(searchvalue)
stringObject.match(regexp)
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
在前面使用了下面语句:
var email = $("form#register #email").val();
在这里使用jQuery的val()函数,它的作用如下:
val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
语法:$(selector).val(value)
有了这两个基础知识,就可以使用正规则来判断email地址的合法了,代码如下:
<html>
<head>
<meta charset="utf-8">
<title>
id选择的例子
</title>
<script type="text/JavaScript" src="jquery/jquery-3.3.1.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
$("form#register").submit(function(event){
var email = $("form#register #email").val();
if (email == "")
{
alert("邮箱不能为空");
$("form#register #email").focus();
return false;
}
if(!email.match(/^([a-zA-Z0-9_-])aaa@qq.com([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/))
{
alert("格式不正确!请重新输入");
$("form#register #email").focus();
}
});
$("form#register #email").focus();
});
</script>
</head>
<body>
<form id="register" action="#" method="POST">
<label for="email">邮箱</label>
<input type="text" id="email" name="email">
<input type="submit" id="register_btn" value="注册">
</form>
</body>
</html>
运行结果如下: