Question

在我的网页中，表单中有提交按钮（id =搜索）和预测按钮（id =预测）。如果用户没有提交表单，但点击预测按钮则不会提交警报表单。如何在JQuery中检查表单是否已提交。

$(document).ready(function(){ 
       $('#Predict').click(function(){
         if($('#search').submit()) {            
             window.open("ouput.php");

          }

      else {  
        alert("Please click search or upload button first \n\
             and then click Predict "); 
         }
    });
});

但是警告框没有出现，即使表格没有提交，也是ouput.php页面正在打开。

Answer 1

我不知道我是否理解你的问题以及这是否对你有所帮助但是在这个页面中你有一个表单，当你提交表单时，脚本会添加一个类确定预测按钮。
当你单击预测按钮时，脚本会清除ok类的存在。如果脚本没有找到该类，则会显示警告消息

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $('#a').submit(function(){
    $('#predict').addClass('ok') 
    })
  $('#predict').click(function(){
    var clas=$(this).attr('class')  
    if(clas!=='ok'){
        alert('you must submit the form')
    }
  })
})
</script>

</head>
<body>
<form id="a" action="#">
    <input type="text" value="">
    <input type="submit" value="summit" id="search">
    <input type="button" value="predict" id="predict">
</form>
</body>
</html>

检查表单是否已提交

1 个答案: