Jquery表单验证
2015-04-22 14:55
106 查看
<script type="text/javascript">
function check(){
//单独对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();
});
//按钮的时候也得拦截
$("#myform").submit(function(){
return check();
});
});
</script>
function check(){
//单独对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();
});
//按钮的时候也得拦截
$("#myform").submit(function(){
return check();
});
});
</script>
相关文章推荐
- jQuery.FormValidator表单验证需要注意的问题
- 【jquery采坑】Ajax配合form的submit提交(微擎表单提交,ajax验证,submit提交)
- jquery.validate验证单个表单元素的方法
- JQuery表单验证
- 整理的16个有用的jQuery Form(表单)验证教程
- Validation-jQuery表单验证插件使用方法
- JQuery表单验证+ligerUI自动表单
- jQuery validate验证隐藏表单(hidden)域
- 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
- jQuery formValidator表单验证插件4.1.0 下载 演示 文档 可换肤 代码生成器
- 表单验证插件jquery.validate.js
- 使用简单jQuery工具来实现表单的验证
- 表单验证插件jquery.validate.js
- jQuery的validate.js表单验证插件
- jQuery formValidator表单验证插件2.9.3版本已经支持对所有客户端控件的验证
- 10款高质量的jQuery表单验证插件
- jquery.validate.js表单验证
- jquery php ajax 表单验证
- Jquery表单验证插件validate
- jquery表单验证插件