您现在的位置是:首页 > 前端 > jquery网站首页jquery
js表单验证
- jquery
- 2018-07-10
- 2073已阅读
- 0
简介//表单验证 $(document).ready(function(){ yanzheng();
}) //提交验证 $("#sub_btn").click(function(){ //验证邮箱
//表单验证 $(document).ready(function(){ yanzheng(); }) //提交验证 $("#sub_btn").click(function(){ //验证邮箱 var email=$("#youxiang").val(); if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/)) { alert("邮箱格式不正确!请重新输入"); return false; } //提交表单 if(yanzheng()){ $("form").submit(); }else{ alert("资料填写不完整!"); return false; } }); //表单验证函数 function yanzheng(){ $(".guestbook input,.guestbook textarea").blur(function(){ //判断是否为空 if($(this).val()=="") { //可以为空的选项 if($(this).attr('id')=="chuanzhen" || $(this).attr('id')=="liuyan" || $(this).attr('name')=="xuqiu"){ return true; } var i = $(this).prev("label").html(); // alert(i+"不能为空"); $(this).attr('placeholder',i+'不能为空'); $(this).css("border","1px solid #ff0000"); return false; }else{ $(this).css("border","1px solid #eee"); } //验证邮箱 if($(this).attr('id')=="youxiang"){ var email=$("#youxiang").val(); if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/)) { $(this).css("border","1px solid #ff0000"); return false; } } }) return true; }
js鼠标离开后验证当前是否为空,并且提交表单后再次全部验证
下一篇:下拉选择时更改数据