仅在表单已提交时才触发jQuery表单验证？

Question

不引人注意的验证基于这样的想法:在用户提交表单之前,您不进行表单验证; 一旦发生这种情况,如果表单上的某些内容无效,则每个字段在用户更改后立即进行验证.

我想要做的是在表单元素上"不引人注意地"触发验证 - 也就是说,如果用户已经尝试提交表单,则仅验证表单元素.所以我可以触发元素的验证(我在更改某个复选框时执行此操作),如下所示:

$('#chkNoPersonId').change(function(){
    $('#lstPersonId').valid();
});

但问题是,即使用户尚未提交表单一次,这将始终导致lstPersonId验证并在无效时显示错误.我希望只有在用户尝试提交表单后才能对其进行验证.是否有一些值我可以查看用户是否已尝试提交表单,或者其他方式我可以实现此行为？

Answer 1

您可以在提交按钮上添加标记,以识别已经单击的表单提交.例如:

$('#submitButn').click(function(){
   $(this).attr('data-submitted','true');
});

在输入检查天气的每个验证中,该标志是否为真,并执行验证逻辑.

$('#chkNoPersonId').change(function(){
  if( $('#submitButn').attr('data-submitted')=='true'){
   $('#lstPersonId').valid();
  }
});

清除或重置表单后,您可以删除该属性

 $('#submitButn').removeAttr('data-submitted');