jquery - jquery远程发布和检索但未显示错误消息

Question

我正面临此验证未发布错误消息，请帮助解决此问题。在 em 元素中它会自动作为display: none

<div class="row">
  <div class="col-xs-10 col-sm-10 col-md-8 col-lg-6 col-xl-6">
    <label class="label-control bmd-label-static" style="font-family: CircularAirPro;color:#727272;font-size: 14px;">Email *</label>
    <div class="form-group">
      <div class="input-group">
        <input type="text" class="form-control" name="email_data" id="emailval">
      </div>
    </div>
  </div>

$("#regval").validate({
  rules: {
    email_data: {
      required: true,
      remote: {
        url: 'email_check.php',
        dataType: 'POST',
        data: {
          'email': function() {
            return $('#emailval').val();
          }
        }
      }
    },
  },
  messages: {
    email_data: {
      required: "email field required",
      remote: "Email already exist"
    }
  },
  errorElement: "em"
});

验证后它返回 false 但旁边它在 em 中不显示任何内容，但它必须显示错误消息。像这样

<input type="text" class="form-control pending valid" name="email" id="emailval" aria-required="true" aria-invalid="false" aria-describedby="emailval-error">

它不显示错误消息

标签： jquery

Answer 1

remote: {
    url: 'email_check.php',
    **dataType: 'POST',**
    data: {
      'email': function() {
        return $('#emailval').val();
      }
    }
  }

而不是dataType需要替换类型

  remote: {
    url: 'email_check.php',
    type: 'POST',
    data: {
      'email': function() {
        return $('#emailval').val();
      }
    }
  }