javascript - jsが検証を拒否した後のフォームのリセットを防止する

Question

ボタンを送信すると、jsで最初に実行されるのは、必須フィールドが入力された場合の検証であるという調査があります。基本的：

if (x == null) {
    alert("You forgot to enter a required field!.");
    return false;
};

必須フィールドを 1 つ忘れた場合に、ページが以前に入力された内容を更新/リセットするのを防ぐ方法はありますか?

この調査は、重要な場合、またはここで役立つ場合はローカルストレージに保存されます。

score 1 · Accepted Answer

Jquerys.submit関数を使用できます (Jquery を使用している場合):

$('#formID').submit(function(){
    if (x == null) {
        alert("You forgot to enter a required field!.");
        return false;
    }
});

score 0 · Accepted Answer

最初にこれらの回答を確認してください：

このようなフレームワークの使用に興味がない場合は、次のjQuery方法で実行できます。

<form name="form" onsubmit="return validate()">

function validate() {
    var input_value = document.forms["form"][" .. input name .. "].value;
    if( input_value == '' ) return false;
}

複数の入力がある場合は、ループでそれらをループすることをお勧めしforeachます。

それを使用jQueryすると、次のようになります。

$( '#formID' ).on( 'submit', function() {
    event.preventDefault();
    // check input value
    if( valid input ) $( this ).submit();
});

興味深い読み物: return false と preventDefault

javascript - jsが検証を拒否した後のフォームのリセットを防止する

3 に答える 3

Related

Reference