调用方法操作:validate_add_form
忘记添加() 了,坑爹啊 !!!
if(!validate_add_form){ //校验有误,失败 return false; }
方法为:
//校验 添加员工信息 表单 合法性 function validate_add_form(){ //拿到要校验的数据,使用正则表达式 //1、校验用户信息 //获取表单值 var empName = $("#empName_add_input").val(); //编写正则表达式(英文字母 6到16个 或者 中文 2到5个) var regName = /(^[a-zA-Z0-9_-]{6,16}$)|(^[\u2E80-\u9FFF]){2,5}/; //校验正则表达式 if(!regName.test(empName) ){ // 弹窗校验 太丑 //alert("用户名可以是2-5位中文或者是6-16位英文或数字的组合"); // $("#empName_add_input").addClass("is-invalid"); show_validate_msg("#empName_add_input","error","用户名可以是2-5位中文或者6-16位英文和数字的组合"); return false; }else{ show_validate_msg("#empName_add_input","success",""); } //2、校验邮箱信息 var email = $("email_add_input").val(); var regemail = /^(a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/; if(!regEmail.test(emial)){ // 弹窗校验 太丑 //alert("邮箱格式不正确"); //$("#email_add_input").addClass("is-invalid"); show_validate_msg("#email_add_input","error","邮箱格式不正确"); return false; }else{ show_validate_msg("#email_add_input","success",""); } return true; } //显示校验结果的提示信息 function show_validate_msg(ele,status,msg){ //清除当前元素的校验状态 $(ele).removeClass("is-invalid is-valid"); $(ele).next("div").removeClass("valid-feedback invalid-feedback").text(""); if("success"==status){ $(ele).addClass("is-valid"); $(ele).next("div").addClass("valid-feedback").text(msg); }else if("error" == status){ $(ele).addClass("is-invalid"); $(ele).next("div").addClass("invalid-feedback").text(msg); } }