Javascript 使用jQuery验证验证选择

Javascript 使用jQuery验证验证选择,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,我正在尝试向选择框添加验证,但我收到一个错误没有指定名称我不知道指定的命名哪里有错 我正在使用MaterializeCSS框架,我怀疑其中的某些内容与jQuery验证冲突 我的脚本版本 <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="modules/jquer

我正在尝试向选择框添加验证,但我收到一个错误
没有指定名称
我不知道指定的命名哪里有错

我正在使用MaterializeCSS框架,我怀疑其中的某些内容与jQuery验证冲突

我的脚本版本

 <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <script type="text/javascript" src="modules/jquery.validate.min.js"></script>
<script type="text/javascript" src="modules/additional-methods.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/localization/messages_pt_BR.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.10.3/sweetalert2.all.min.js"></scrip
单击按钮后将启动的Ajax

      $('#publish-transporter').click(function () {
        var payload = {
          statusTransporter: $('#statusTransporter').val()
        };

        if (transporterPublish.valid()) {
          $.ajax({
            url: "/transporter/sucess",
            type: "POST",
            contentType: "application/json",
            processData: false,
            data: JSON.stringify(payload),
            complete: function (data) {
              swal(
                'Good job!',
                'You clicked the button!',
                'success'
              )
            }
          });
        }
        return false
      });

谢谢你的帮助

了解您使用的jQuery版本和jQuery验证插件会有所帮助example@Connum很抱歉,我忘了在问题中添加插件版本和元素id,我现在就添加它。那么swal()函数做什么呢?请提供一个工作代码片段来演示您的问题。。。目前很难以任何方式帮助您。@Connum this swal()这只是一个模式成功,将在ajax发送成功后显示。它不会干扰验证。了解您正在使用哪个版本的jQuery和jQuery验证插件会有帮助。此外,没有id为“transporter”的元素在HTML中example@Connum很抱歉,我忘了在问题中添加插件版本和元素id,我现在就添加它。那么swal()函数做什么呢?请提供一个工作代码片段来演示您的问题。。。目前很难以任何方式帮助您。@Connum this swal()它只是一个模式成功,将在ajax发送成功后显示。它不会干扰验证
  jQuery.validator.setDefaults({
    debug: true,
    success: "valid"
  });

  var transporterPublish = $("#transporter");

  transporterPublish.validate({
    lang: 'pt_BR',
    errorClass: 'error',
    errorElement: "div",
    errorPlacement: function (error, element) {
      var placement = $(element).data('error');
      if (placement) {
        $(placement).append(error)
      } else {
        error.insertAfter(element);
      }
    },

    rules: {
      statusTransporter: {
        required: true
      }
    }
  });
      $('#publish-transporter').click(function () {
        var payload = {
          statusTransporter: $('#statusTransporter').val()
        };

        if (transporterPublish.valid()) {
          $.ajax({
            url: "/transporter/sucess",
            type: "POST",
            contentType: "application/json",
            processData: false,
            data: JSON.stringify(payload),
            complete: function (data) {
              swal(
                'Good job!',
                'You clicked the button!',
                'success'
              )
            }
          });
        }
        return false
      });