Question

我正在尝试使用jquery form validator plugin验证表单。我想显示自定义消息，如果没有给出电子邮件，那么它应该显示电子邮件地址是必需的，如果电子邮件值不是有效的，那么它应该显示无效的电子邮件地址。但在这两种情况下，它都给了我相同的默认消息，例如＆＃39;您没有给出正确的电子邮件地址＆＃39;。我试着喜欢这个

<form action="" id="registration-form">
  <p>E-mail
    <input name="email"  id="email" data-validation="email" >
  </p>
  <p>
    <input type="submit" value="Validate">
    <input type="reset" value="Reset form">
  </p>
</form>

脚本是

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.20/jquery.form-validator.min.js"></script>
$.validate({ 
onElementValidate : function(valid, $el, $form, errorMess) {
  if ($el.attr('name') == 'email') {
    alert('Input ' +$el.attr('name')+ ' is ' + ( valid ? 'VALID':'NOT VALID') );
    var value = $('#email').val();
    if (value) {
      var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
      if (! filter.test(value)) {
          alert('invalid');
          errorMess = 'invalid email';
        }
    } else {
      alert('no mail');
      errorMess = 'no email';
    }       
  }
  alert('errorMess :: ' + errorMess);
  $('.help-block form-error').html(errorMess);
},  
borderColorOnError: '#b94a48',
errorMessagePosition : 'inline',
modules : 'location, date, security, file',
onModulesLoaded : function() {
  $('#country').suggestCountry();
}
});

Answer 1

这非常简单，在数据验证中添加多个值实际上是神奇的。

<input name="email"  id="email" data-validation="required, email" >

如何根据form-validator jquery插件中的条件更改errorMess值

1 个答案: