javascript - html使用了js驗證導致ajax提交失效-php教程-PHP中文網

javascript - html使用了js驗證導致ajax提交失效

WBOY

發布： 2016-08-04 09:22:13

原創

1151 人瀏覽過

用js做了表單驗證，但導致後面的ajax提交沒反應。

<code><script type="text/javascript">
 $('#formmain').submit(function()
{
  if($("input[name='age']").val()==19&&$("input[name='sex']:checked").val()=="both"&&$("#address").find("option:selected").text()=="和盛堂"&&$("input[id='date']").val()=="2016-04-26")
  {

    alert('回答正确！');
    $(function(){
     var my_data=new Array();
     $.ajax({
         url: "sql.php",  
         type: "POST",
          data:{trans_data:right},
         //dataType: "json",
         error: function(){  
             alert('Error loading XML document');  
         },  
         success: function(data,status){//如果调用php成功  

             alert('data');
         }
     });
     
 });
}
  else{
alert('回答错误！请重新回答~');

 return false;}
});
</script></code>

登入後複製

請問問題出在哪？謝謝

回覆內容：

用js做了表單驗證，但導致後面的ajax提交沒反應。

<code><script type="text/javascript">
 $('#formmain').submit(function()
{
  if($("input[name='age']").val()==19&&$("input[name='sex']:checked").val()=="both"&&$("#address").find("option:selected").text()=="和盛堂"&&$("input[id='date']").val()=="2016-04-26")
  {

    alert('回答正确！');
    $(function(){
     var my_data=new Array();
     $.ajax({
         url: "sql.php",  
         type: "POST",
          data:{trans_data:right},
         //dataType: "json",
         error: function(){  
             alert('Error loading XML document');  
         },  
         success: function(data,status){//如果调用php成功  

             alert('data');
         }
     });
     
 });
}
  else{
alert('回答错误！请重新回答~');

 return false;}
});
</script></code>

登入後複製

請問問題出在哪？謝謝

你這部分

<code class="js">$(function(){
     var my_data=new Array();
     $.ajax({
         url: "sql.php",  
         type: "POST",
          data:{trans_data:right},
         //dataType: "json",
         error: function(){  
             alert('Error loading XML document');  
         },  
         success: function(data,status){//如果调用php成功  

             alert('data');
         }
     });
 });</code>

登入後複製

改成

<code>     var my_data=new Array();
     $.ajax({
         url: "sql.php",  
         type: "POST",
          data:{trans_data:right},
         //dataType: "json",
         error: function(){  
             alert('Error loading XML document');  
         },  
         success: function(data,status){//如果调用php成功  

             alert('data');
         }
     });</code>

登入後複製