1

我正在尝试使用jquery form validator plugin验证表单。我想显示自定义消息，例如如果未提供电子邮件，则应显示电子邮件地址，如果电子邮件值无效，则应显示无效的电子邮件地址。但在这两种情况下，它都会给我相同的默认消息，例如“您没有提供正确的电子邮件地址”。我试着喜欢这个

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

1 回答 1

0

这很简单，在数据验证中添加多个值实际上会起到神奇的作用。

<input name="email"  id="email" data-validation="required, email" >
于 2016-06-09T09:30:24.613 回答