Layer如何让按钮的回调执行完毕后弹框不自动关闭?

问题出现:

Layer如何让按钮的回调执行完毕后弹框不自动关闭?_第1张图片

我点击“确定”时会验证“新手机号码”,如果验证不通过则不给该弹框关掉,但是实际操作时,不管验证怎么样,点击“确定”之后该弹框都会关掉。

之前的写法:

layer.open({
	  type: 1,
	  shade: false,
	  area: ['400px', '300px'],
	  title: '修改 - 手机号码', //不显示标题
	  content: $('.edit_phone1'), //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
	  cancel: function(){
	    layer.close();
	  },
	  btn: ['确定','取消'],//按钮
	  btn1: function(index, layero){
		  i++;
		  $(phoneValidate());  
		  if(phoneValidate().form()){
			  layer.closeAll(); 
			  $('#old_phone1').val($('#new_phone').val());
			 edit();
		  }
	  }
	});

后边查阅资料,发现把 btn1 改成 yes ,就可以了。验证不通过不关闭该弹框。

layer.open({
	  type: 1,
	  shade: false,
	  area: ['400px', '300px'],
	  title: '修改 - 手机号码', //不显示标题
	  content: $('.edit_phone1'), //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
	  cancel: function(){
	    layer.close();
	  },
	  btn: ['确定','取消'],//按钮
	  yes: function(index, layero){
		  i++;
		  $(phoneValidate());  
		  if(phoneValidate().form()){
			  layer.closeAll(); 
			  $('#old_phone1').val($('#new_phone').val());
			 edit();
		  }
	  }
	});

你可能感兴趣的:(插件)