ajax不能与一个特定的输入类型工作

我有一个表格插入数据到database.i使用ajax。与特定的按钮AJAX不工作我的代码下面代码工作代码的index.phpajax不能与一个特定的输入类型工作

$(document).on('click', '#formsubmit', function(e) { 
 

 
    var data = $("#formjs").serialize(); 
 
    $.ajax({ 
 

 
    data: data, 
 
    dataType: "JSON", 
 
    type: "post", 
 
    url: "datainsert.php", 
 
    success: function(data) { 
 
     if (data.success == "correct") { 
 
     $('#error-msg').hide(); 
 
     $('#success-msg').show(); 
 
     } else { 
 
     $('#success-msg').hide(); 
 
     $('#error-msg').show(); 
 
     } 
 

 
    }, 
 

 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form role="form" action="#" method="post" id="formjs"> 
 
    <div class="contct_InputRow form-group"> 
 
    <div class="col-sm-5"> 
 
     <label>Your Name</label> 
 
    </div> 
 
    <div class="col-sm-7"> 
 
     <input type="text" name="name" class="form-control spl_frm_font" required/> 
 
    </div> 
 
    </div> 
 
    <div class="contct_InputRow1 form-group"> 
 
    <div class="paty_logo"> 
 
     <a href="#url"><img src="images/logo1.png" alt="" /></a> 
 
    </div> 
 
    <div class="avabl_btn"> 
 
     <input style="background-color: #4CAF50; border: none; color: white; padding: 16px 32px; text-decoration: none; margin: 4px 2px; cursor: pointer;" type="button" name="submit" id="formsubmit" class="button submit" value="Send" /> 
 
     <br> 
 

 
    </div> 
 
    <label for="submit">Send<br>Message</label> 
 
    </div> 
 

 

 
    <div class="contct_InputRow1 form-group"> 
 
    <div class="paty_logo"> 
 
     <a href="#url"><img src="images/logo1.png" alt="" /></a> 
 
    </div> 
 
    <div class="avabl_btn"> 
 
     <input type='submit' name="submit" id='formsubmit' class="button submit" value='Send' /> 
 
     <label for="submit">Send<br>Message</label> 
 
    </div> 
 
    </div>

是有这个按钮code.am任何问题仍然困惑，为什么它不工作

来源

2017-06-01 user7441072

因为提交按钮提交。 – epascarello

我尝试了$（'＃formjs'）。（'submit'，function（e）{with that，but not – user7441072

因为表单提交... – epascarello

如果您使用真实的提交输入（type="submit"），则需要在事件中使用preventDefault()，以便不提交表单，而是在事件中执行代码。

如果您的表单不可提交，您可能需要使用type="button"。

https://api.jquery.com/event.preventdefault/

来源

2017-06-01 17:45:08

变化Javascritp喜欢这个

function test(){ 
    var data = $("#formjs").serialize(); $.ajax({ data: data, dataType: "JSON", type: "post", url: "datainsert.php", success: function(data){ if(data.success == "correct"){ $('#error-msg').hide(); $('#success-msg').show(); } else { $('#success-msg').hide(); $('#error-msg').show(); } }, }); }

** 2.change HTML这样的**

<div class="contct_InputRow1 form-group"> <div class="paty_logo"><a href="#url"><img src="images/logo1.png" alt=""/></a></div> <div class="avabl_btn"> <button onClick = 'test()'>send msg </button></div> </div>

来源

2017-06-01 17:58:40 Subi

ajax不能与一个特定的输入类型工作

回答

相关问题