2017-08-21 4 views
0

私は現在MVCを使用しているウェブサイトのコードを読んでいますが、私はいくつかのコードを読んでいます。ここ how form.checkValidity()working

は、私はいくつかの機能が例外か何かを取得する必要

<script type="text/javascript"> 
function submitForm(action){ 
var forms = document.getElementById('form'); 
forms.action = action; 
if(forms.checkValidity()){ 
    forms.submit(); 
} 
else{ 
    alert("There is still an empty field"); 
} 
} 
</script> 

が、私はいくつかのカスタマイズをしたいビューのコードのいくつかの作品ですが、私にいくつかの答えを与えるstart.Pleaseする場所を私は知りません。

答えて

1

checkValidity()このフィールドを記入してくださいという警告テキストはHTML5方法と

である必要

<input type"text" id="id" required> 

を使用

checkValidity()メソッドが呼び出されたとき、要素が短所の候補である場合traintバリデーションを満たしておらず、その制約を満たさない場合、ユーザエージェントは無効であり、キャンセル可能な(この場合はデフォルトアクションがない)単純なイベントを起動し、falseを返さなければなりません。それ以外の場合は、何もしないでtrueを返すだけです。

フォーム検証制約hereの使用方法の詳細をご覧ください。 カスタムバリデーションメソッドの使用、カスタマイズ、さらにはビルドまで、便利な方法がたくさんあります。

w3schoolsにも基本的な説明と例があります。 これが役立つことを願っています。

1

ちょうどあなたがそこに送信ボタンを押した場合

+0

ご迷惑をおかけします。 はい、一部例外がありますか?そのコードは何をしているのですか? '関数submitForm(アクション){ var forms = document.getElementById( 'form'); forms.action = action; if(forms.checkValidity()){ forms.submit(); } ' – Kelpie

+0

ただ必要なフィールドに必要なだけ入れてください –

+0

私はそれが深い理解に行くのは時期尚早だと思います。 ありがとうございます。 – Kelpie