Question

我正在尝试使Jquery Validation插件正常工作。该表格位于Bootstrap模式内。我在控制台中没有收到任何错误或警告。每个表单字段都为“必填”。唯一发生的验证是如果表单字段未完成，则显示默认的HTML5标语。如果所有表单字段均已填写，则表单提交数据没有任何问题。

我的问题是，谁能看到为什么Jquery Validation插件不起作用？

我的表格

<form  name="Form1" id="insert_form" autocomplete="off" method="post" enctype="multipart/form-data">
<input type="text" name="PromotionName" id="PromotionName" class="datatext" size="50" placeholder="Promotion name" required>
// all the form fields
<button type="submit" class="btn-small"name="insert" id="insert"/>Save</button>
</form>

我的Jquery / Ajax验证并提交脚本

jquery.validate.min.js正在加载

$(document).ready(function(){
$('#insert_form').on("submit", function(event){
    event.preventDefault();
    $('#Form1').validate({
      rules: {
    board: {
        required: true,
    },
    PromotionName: {
        required: true,
    },          
      },
      messages: {
    board: {
        required: "Please select a display board",
        },
    PromotionName: {
        required: "Please enter the promotional name",
    },          
      },   
      submitHandler: function(form) {
      var form = $('form')[0]; 
      var formData = new FormData(form);
    $.ajax({  
      url:"insert_new_promotion.php",
      data: formData,
          method:"POST",
          cache: false,
      contentType: false,
      processData: false,  
      beforeSend:function(){  
        $('#insert').val("Inserting");  
      },  
      success:function(data){  
        $('#add_data_modal').modal('hide'); 
        window.location.reload();
      }  
    });  
      }
    });
  });
});

再次感谢您的帮助和时间。

表单验证不适用于jquery验证插件

0 个答案: