使用Ajax id#insert，然后表单不验证

Question

在这里我编写了一个ajax jquery代码

        **ajax jquery code:**
           <script type="text/javascript">
          $(document).ready(function(){
        $("#insert").click(function(){
          var OPRID=$("#OPRID").val();
          var OPRDEFNDESC=$("#OPRDEFNDESC").val();
        $.post('opr_insert.php', {OPRID: OPRID, OPRDEFNDESC: OPRDEFNDESC},
             function(data){
         $("#message").html(data);
         $("#message").hide();
        $("#message").fadeIn(1500); //Fade in the data given by the insert.php file
              });
        return false;
           });
         });
         </script>

这里我的html和Ajax代码都在下面。我的问题是，当我使用Ajax id#insert时，表单没有通过输入验证inputtype="text"required。我怎么可能同时使用Ajax插入和验证呢？提前感谢我的html代码

 <input type="text" class="form-control required" name="OPRID"  id="OPRID"  
   minlength="5"  required/>
<input type="text" class="form-control required" name="OPRDEFNDESC"  id="OPRDEFNDESC" 
  required>

  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
   <a id="insert"> <button  type="Submit" name="submit" class="btn btn-primary"> 
      Save changes</button>
            </a>  

Answer 1

让我们尝试一下，让我知道它是否有效。谢谢请参阅**代码。希望能有所帮助。

$('#divAjaxLoaderGif')是包含Ajax-Loader.gif 的div

ajax jquery代码：

      $(document).ready(function(){
    $("#insert").click(function(){
      var OPRID=$("#OPRID").val();
      var OPRDEFNDESC=$("#OPRDEFNDESC").val();
     $('#divAjaxLoaderGif').show();  // show the loading message.
**$.ajax({
    url: "opr_insert.php",
    type: "POST",
    data:  {OPRID: OPRID, OPRDEFNDESC: OPRDEFNDESC},
    success : function(data){
         $("#message").html(data);
     $("#message").hide();
    $("#message").fadeIn(1500); //Fade in the data given by the insert.php file
        $('#divAjaxLoaderGif').hide(); // hide the loading message
    }
});**
    return false;
       });
     });
     </script>