2016-05-10 4 views
0

フォームに「必須」フィールドがあるため、フォームを送信するときにすべてのフィールドが押されたかどうかがチェックされます。HTML空欄チェックとボタン非表示の両方でフォームを送信

しかし、私はボタンにいくつかのJSを追加したいと思いますが、この場合、そこでの私のアクションは、デフォルトのブラウザの動作を上書きして必要なフィールをチェックします。

ボタンでJavascriptを実行する方法はありますか?ブラウザがすべてのフィールドが満たされていることをブラウザが確認した後でクリックします。このような

+0

あなたがsetTimeoutメソッドを使用することができますか? – robvdv

+0

あなたは何を達成しようとしていますか? 'input'に空の値を持つ' form'を提出したいですか?または 'input'が有効であることを確認し、タスクを実行して、' form'を送信しますか? – guest271314

答えて

0

確か

HTML

<form onsubmit="return checkform()"> 

JS

function checkform() 
{ 
    //Code here 
    return true; //return false for cancel the submit 
} 

function checkform() 
 
{ 
 
    if($("#name").val()!="John") 
 
    { 
 
    alert("checkform alert"); 
 
    return false; 
 
    } 
 
    alert("Ok"); 
 
    return true; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form name="monform" onsubmit="return checkform()"> 
 
    <input type="text" id="name" required> 
 
    <button type="submit">Send</button> 
 
</form>

+0

これは何に関係なく呼び出されます。どこで必要なすべてのエントリが空でないことをブラウザが確認したときにJS関数が呼び出されるようにしたい。 – Michael

+0

私の例を見て、フィールドが空であれば警告はありませんelse checkformがトリガーされました – Alexis

+1

@Michael元の質問:_ "HTMLフィールドのチェックとボタンが隠れているフォームを" _、_ "ブラウザーが必要なすべての項目が空でないことを確認したときにのみ呼び出される "_反対の要求が現れる?あなたは何を達成しようとしていますか? – guest271314