js表单验证
2015-10-13 13:41
471 查看
回回写表单,回回要写不同的检查JS,很麻烦,后来写了通用的检查函数,很粗糙,但比较实用,以后再好好改改:
/*验证订单表单*/ function CheckOrder() { /*判断学校*/ if($("#school").val() == "-1") { alert("请选择学校!"); $("#school").focus(); return false; } /*判断学校*/ /*判断营员姓名*/ if($("#truename").val() == "") { alert("请填写营员姓名!"); $("#truename").focus(); return false; } var name =$("#truename").val(); var rules = /^[\u4e00-\u9fa5](\s*[\u4e00-\u9fa5])*$/; if (!rules.test(name)) { alert("请填写正确的营员姓名!"); $("#truename").focus(); return false; } /*判断营员姓名*/ /*判断营员电话*/ if($("#telephone").val() == "") { alert("请填写营员电话!"); $("#telephone").focus(); return false; } var tel =$("#telephone").val(); var rules = /^1[3,5]\d{9}$/; if (!rules.test(tel)) { alert("请填写正确的营员电话!"); $("#telephone").focus(); return false; } /*判断营员电话*/ /*判断体重*/ if($("#Weight_age").val() == "") { alert("请填写体重!"); $("#Weight_age").focus(); return false; } var tel =$("#Weight_age").val(); var rules = /^[1-9]\d+/g; if (!rules.test(tel)) { alert("请填写正确的体重!"); $("#Weight_age").focus(); return false; } /*判断体重*/ /*判断身高*/ if($("#Height").val() == "") { alert("请填写身高!"); $("#Height").focus(); return false; } var tel =$("#Height").val(); var rules = /^[1-9]\d+/g; if (!rules.test(tel)) { alert("请填写正确的身高!"); $("#Height").focus(); return false; } /*判断身高*/ /*判断T-Shirt尺码*/ if($("#shirt").val() == "-1") { alert("请选择T-Shirt尺码!"); $("#shirt").focus(); return false; } /*判断T-Shirt尺码*/ /*判断经验*/ if($("#Entrytype").val() == "-1") { alert("请选择经验!"); $("#Entrytype").focus(); return false; } /*判断经验*/ /*判断营员性别*/ if($("#sex").val() == "-1") { alert("请选择营员性别!"); $("#sex").focus(); return false; } /*判断营员性别*/ /*判断出生日期*/ if($("#year").val() == "-1") { alert("请选择出身年份!"); $("#year").focus(); return false; } if($("#month").val() == "-1") { alert("请选择出身月份!"); $("#month").focus(); return false; } if($("#day").val() == "-1") { alert("请选择出身日期!"); $("#day").focus(); return false; } /*判断出生日期*/ /*判断身份证号*/ if($("#idcard").val() == "") { alert("请填写身份证号!"); $("#idcard").focus(); return false; } var tel =$("#idcard").val(); var rules = /^([0-9]{15}|[0-9]{18})$/;; if (!rules.test(tel)) { alert("请填写正确的身份证号码!"); $("#idcard").focus(); return false; } /*判断身份证号*/ /*判断家长姓名*/ if($("#ParentName").val() == "") { alert("请填写家长姓名!"); $("#ParentName").focus(); return false; } var name =$("#ParentName").val(); var rules = /^[\u4e00-\u9fa5](\s*[\u4e00-\u9fa5])*$/; if (!rules.test(name)) { alert("请填写正确的营员姓名!"); $("#ParentName").focus(); return false; } /*判断家长姓名*/ /*判断家长电话号*/ if($("#ParentPhone").val() == "") { alert("请填写家长电话!"); $("#ParentPhone").focus(); return false; } var tel =$("#ParentPhone").val(); var rules = /^1[3,5]\d{9}$/; if (!rules.test(tel)) { alert("请填写正确的家长电话!"); $("#ParentPhone").focus(); return false; } /*判断家长电话号*/ /*判断邮箱*/ if($("#ParentMail").val() == "") { alert("请填写邮箱!"); $("#ParentMail").focus(); return false; } var tel =$("#ParentMail").val(); var rules = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (!rules.test(tel)) { alert("请填写正确的邮箱!"); $("#ParentMail").focus(); return false; } /*判断邮箱*/ $("#form").submit(); return false; } </script>
<a href="javascript:;" onclick="CheckOrder();return false;" class="pay_but f_R">提交</a>
相关文章推荐
- JavaScript高级程序设计之BOM之navigator 对象 第8.3讲笔记
- boost json生成和解析用法
- C#解析JSON实例
- html或者jsp页面引用jar包中的js文件
- JavaScript Switch 语句
- JS函数式编程【译】5. 范畴论
- JS学习之预解释
- C#实现的JS操作类
- C#实现对Json字符串处理
- JSP中图片的上传与显示方法实例详解
- js获取时区
- 关于slimerjs中sendEvent方法的一些体会
- JavaScript 的性能优化:加载和执行
- 有关json_decode乱码及NULL的问题
- JSON 序列化和反序列化——JavaScriptSerializer实现
- JS实现左右拖动改变内容显示区域大小的方法
- JSP自定义标签 - 嵌套
- MVC api json 格式
- js中(function(){…})()立即执行函数写法理解
- 问题:c# json解析;结果:c# 解析JSON的几种办法