Category: javascript原理

今天在表单中：

对一个输入框添加了邮箱格式校验：

//校验 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({
          ...
        });

}

 

经过测试，修改了邮箱表单并立刻提交时，会先后触发两个方法：
 变化方法—邮箱校验
 提交更新方法—邮箱校验

但是两个方法都打上断点并调试的时候，很奇怪，只调用了 变化方法—邮箱校验，没有调用   提交更新方法—邮箱校验  。所以网页没有进行提交更新。