1

多くのフィールドを持つフォームがあります。フィールドの詳細を入力せずに送信ボタンを押すと、フィールドの下にすべてのフィールドのエラー メッセージが一度に表示されます。どうすればいいのですか？現在、アラートを使用していますが、使用したくありません。以下は、検証用の私のコードです。現在、reg と vehicle owner の 2 つのフィールドを表示しています。エラーメッセージを次のように赤で表示したい：Please enter registration number below the field.フォームを送信すると、コントロールは以下のコードを持つ関数になります。

if( reg1 == "" || reg2 == "" ||  reg3 == "" || reg4 == "")
{
    alert("Please Enter Proper Registration Number");
    return false;
}
else if(vRegisteredOwnerName == "")
{
    //alert("Please enter registered owner's name");
    document.getElementById("vRegisteredOwnerName").style.borderColor="#FF0000"

    return false;
}
4

2 に答える 2

0

Jquery 検証のデモ リンク:

http://jqueryvalidation.org/

このプラグインは、jquery の初心者に最適です。

于 2013-08-27T09:39:59.533 に答える
0

1）次のような新しい div 要素を作成することをお勧めします

<div id='errorMsg'></div>

2) の代わりに、上記の要素alert()内にエラー メッセージを表示できます。div

document.getElementById("errorMsg").innerHTML 
                   = "Please Enter Proper Registration Number";

これは短いフィドルで、以下は完全なコードです。

validate = function () {
    reg = document.getElementById("reg").value;
    vRegisteredOwnerName = document.getElementById("vRegisteredOwnerName").value;
    errorModal = document.getElementById("errorMsg");

    if (reg == "") {
        errorModal.innerHTML = "Please Enter Proper Registration Number";        
        if (vRegisteredOwnerName == "") {
            //alert("Please enter registered owner's name");
            document.getElementById("vRegisteredOwnerName").style.borderColor = "red"
            return false;
        }
    }
}
于 2013-08-27T09:59:28.997 に答える