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然后表单不能通过输入输入类型=＆＃34; text＆＃34;需要怎么可能我使用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>

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

1 个答案: