javascript - html使用了js验证导致ajax提交失效-php教程-PHP中文网

javascript - html使用了js验证导致ajax提交失效

WBOY

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

原创

1150 人浏览过

用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>

登录后复制