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

}

 

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

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

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments