使用jquery验证远程消息错误实现输入标签错误

时间:2019-06-06 16:09:18

标签: jquery jquery-validate materialize

我有一个materialize form,我想在其中添加rest api call以验证database上是否已经存在该电子邮件。我需要在表单上的label“电子邮件”上放置“电子邮件不可用”消息,就像“键入您的电子邮件”和“键入有效的电子邮件地址”邮件”已出现。

这是jquery code

$("#formSignup").validate({
  rules : {
       email:{
               required:true,
               email: true,
               remote: {
               url: '/validateemail/me@me.com',  
                      type: 'GET',  
                      success: function (data, textStatus, xhr) {  
                          console.log(data);  
                      },  
                      error: function (xhr, textStatus, errorThrown) {  
                          console.log('error in operation');  
                      } 
                }
       },
  messages:{
        email:{
               required: "Type your e-mail",
               email: "Type an valid e-mail",
               remote: "E-mail not available"
        }
  },

这是materialize代码:

<div class="row">
  <form class="col s12" id="formSignup">
    <div class="row">
      <div class="input-field col s12">
        <input id="email" type="email" class="validate" name="email" required aria-required="true">
        <label class="defaultlabel" for="email">Email *</label>              
      </div>
    </div>
  </form>
</div>

我已经尝试将return true;中的return false;if-else分别放在jquery的{​​{1}}内,但都没有起作用

0 个答案:

没有答案