ユーザーが送信ボタンをクリックする前に検証したい連絡先ページにフォームがあります。
<form id="contact" name="f1" action="mail.php" onsubmit="validate()">
フィールドの検証を行う Javascript コードがあります。しかし、ボタンをクリックすると、ユーザーは検証を行わずに「mail.php」にリダイレクトされます。
ユーザーが送信ボタンをクリックする前に検証したい連絡先ページにフォームがあります。
<form id="contact" name="f1" action="mail.php" onsubmit="validate()">
フィールドの検証を行う Javascript コードがあります。しかし、ボタンをクリックすると、ユーザーは検証を行わずに「mail.php」にリダイレクトされます。
<form id="contact" name="f1" action="mail.php" onsubmit="return validate();">
これを試して:
<form id="contact" name="f1" action="mail.php" onsubmit="return validate();">
javascript onclick イベントは関数のみを呼び出しますが、return function() を試した場合、関数が true を返すと、フォームのみが送信されます。
別のアプローチは、検証変数を使用することです
var validate = true
if( ...validation condition fails ... )
{
validate = false
}
if (validate)
{
$('#formID').submit();
}
この簡単な例を試してくださいhttp://www.w3schools.com/js/js_form_validation.asp
検証機能がある場合は、次のようにします
If (validation()){
$('form').submit();
}