2017-06-04 13 views
-1

フォームがあります。フォームを使用するときは、jQueryスクリプトを実行して検証をチェックします。すべてのフィールドが有効な場合にのみ、フォーム/ページをPOSTすることは可能ですか?フィールドが有効な場合のPOSTフォーム

+1

いくつかのコードを投稿! –

答えて

0

e.preventDefault()フォームが検証されていない場合、フォームの送信を停止するために必要なものです。

validateForm()関数は、フォームを検証し、trueまたはfalseを返します。 trueを返した場合はフォームのみが送信され、それ以外の場合は何も起こりません。

<html> 
 
<head> 
 
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 
 
</head> 
 

 
<body> 
 
<form id="myform" action="abc.php" method="post"> 
 
<input type="text" /> 
 
<input id="submit_btn" type="submit" value="submit"> 
 
</form> 
 
</body> 
 

 
<script> 
 

 
$("document").ready(function(e){ 
 
    
 
$("#myform").submit(function(e){ 
 

 
var test = validateForm(); 
 
if(test){ 
 
\t $("#myform").submit(); 
 
} 
 
else{ 
 
\t e.preventDefault(); 
 
} 
 

 
}); 
 

 
function validateForm() 
 
{ \t 
 
\t //after checking everything returns true or false 
 
\t return false; 
 
} 
 
    
 
}); 
 

 
</script> 
 

 
</html>

関連する問題