为什么要进行表单验证?
解析:通过表单验证可以将不符合要求的数据在客户端过滤,减轻服务器压力。
但是在真正的开发中,需要前台验证和后台验证同时进行
* 01.常见的表单校验
* 001.非空校验
* 002.范围校验
* 003.可录入数据长度的校验
* 004.正则表达式校验
如何进行表单验证?
解析:01.客户需要的验证规则是什么(获取书写验证规则)
02.在何时,或者是在合适的时机触发我们书写的验证规则
03.如何控制表单能否正确提交给服务器。
functioncheck(){
//单独对email
//非空校验
//获取到email框的值
var email=$("#email").val();
if(email==""){
$("#semail").html('邮箱不能为空');
return false;//非空判断不成立,后续判定不用执行了
}
//格式判断
if(email.indexOf('@')==-1){
$("#semail").html('邮箱中必须包含@');
return false;//非空判断不成立,后续判定不用执行了
}
if(email.indexOf('.')==-1){
$("#semail").html('邮箱中必须包含.');
return false;//非空判断不成立,后续判定不用执行了
}
return true;
}
$(function(){
//email失去焦点的时候
$("#email").blur(function(){
$("#semail").html('');
return check();
});
//★:一定是注册的是form表单的submit,并且保证提交按钮的类型是submit
//按钮是submit类型,可以引起表单提交,但是咱们通过js代码干预表单的提交过程,就是
//在表单提交前做一个前置判定,如果判定结果为真,继续提交提交表单,否则不进行提交
//点击按钮的时候也得拦截
$("#myform").submit(function(){
returncheck();
});
});
通过正则验证
正则不分语言:java C# Js js中正则用法
在js中,正则表达式需要用//包含,里面书写的就是正则规则。
元字符:
var reg=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
\w:a-zA-Z和0到9 微冷@yymqqc@126.com.cn
\W:可以匹配汉字和特殊字符
\s:除了空白字符外的其他字符
+:将前一个元字符重复1次或者多次。
/*01.正则可以让我们从外网上获取我们所关心的数据,例如美女图片,例如招聘信息,例如抓取cnblogs上的文章等.
* 02.^$:在进行表单校验的时候,必须有,什么时候没有,从网上抓取信息的时候没有.
* 03.不要想着一次写出通用的验证正则,第一次碰到错误的时候,再改..
* 作业:在搜索引擎中,输入"留下你的邮箱" ,down下来该页面上符合我们自己书写正则的所有邮箱
* c#
* 邮编:6位 \d{6}
* 11位的手机号 \d{11} yymqqc@126.com.cn.net.org
* 邮箱: \w+@\w+(\.\w+){1,4}
* 验证Email地址:"^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"。
*/
/*$(function(){
//验证邮箱的正则
//表单校验必须有^和$
//yymqqc@126.com .+@.+\..+
//var reg=/^.+@.+\..+$/;
var reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
varemail=$("#email").val();
//02.匹配
if(reg.test(email)){//匹配上了
alert('邮箱合法');
}else{
alert('不合法');
}
});*/
var str="abcdefi2222";
var reg=/i/gi;
alert(str.match(reg));
//什么是正则??
//正则是用来做匹配用的,本质就是有特定含义的一个字符串
</script>
</head>
<body>
<form action="#" method="post">
<input type="text" id="email" value="yymqqc@126.com" />
</form>
</body>