今天在表单中:
对一个输入框添加了邮箱格式校验:
//校验 email框 $("#email_update_input").change(function(){ //校验表单 validate_form_ele("#email_update_input",g_email_reg,g_email_valid,g_email_invalid_format) console.log("变化方法---邮箱校验"); });
同时在提交表单时:添加了事件
//点击更新,更新员工信息 $("#emp_update_done_btn").click(function(){ console.log("提交更新方法---邮箱校验"); //验证邮箱是否合法 if(!validate_form_ele("#email_update_input",g_email_reg,g_email_valid,g_email_invalid_format)) return false; //2、发送ajax请求保存更新的员工数据 $.ajax({ ... }); }
经过测试,修改了邮箱表单并立刻提交时,会先后触发两个方法:
变化方法—邮箱校验
提交更新方法—邮箱校验
但是两个方法都打上断点并调试的时候,很奇怪,只调用了 变化方法—邮箱校验,没有调用 提交更新方法—邮箱校验 。所以网页没有进行提交更新。