jQuery Validate.js 清除验证

问题:

jQuery Validate.js 清除验证_第1张图片

点击取消,清除验证。

 $(".new-phone label.error").remove();//清除验证标签
 $("#cell").validate().resetForm(); //清除验证

但是有一个问题,如果第一次点击了“取消”,则会把验证清除,再次打开弹窗时,验证失效。

因此我多加了个变量判断:

jQuery Validate.js 清除验证_第2张图片

$('.edit_phone').click(function(){
	var i =0;
	layer.closeAll(); 
	$('#old_phone2').val($('#old_phone1').val());
	$('#new_phone').val('');
	
	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();
			  }
		  },
		  btn2:function(index,layero){
			  if(i!=0){
				  $(".new-phone label.error").remove();//清除验证标签
					$("#cell").validate().resetForm(); //清除验证
			  }
			  i++;
			 edit();
		  }
	});
	$('#new_phone').focus();
});

解决。

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