2

ユーザーが入力エラーを起こしたときに、フォームの右側にすべてのエラーを表示したいと思います。ユーザーが間違った電子メール形式を入力した場合の例。divを作成しましたが、ユーザーが入力を修正するとすぐにエラーを正しく表示して削除することができません。今までは、エラーIDを使用してテキストボックスを強調表示しています。

jquery：

    var form = $("#contact_form");
var name = $("#name");
var nameInfo = $("#nameInfo");
var email = $("#email");
var emailInfo = $("#emailInfo");
var message = $("#message");
var messageInfo = $("#messageInfo");
var note = $("#note");

name.blur(validateName);
email.blur(validateEmail);
message.blur(validateMessage);


form.submit(function(){
    if(validateName() & validateEmail() & validateMessage()){
        return true;
    }else{
        return false;
    }
});


function validateName(){
    if(name.val().length < 5){  
        name.addClass("error");
        return false;

    }else{

        name.removeClass("error");
        return true;

    }

}
4

2 に答える 2

2

独自のプラグインを作成するのではなく、プラグインを使用することをお勧めします...

jquery検証プラグイン

フォームに必要なことはすべて完了しています...使いやすく、変更も簡単です。

于 2013-01-02T10:32:16.303 に答える
0

あなたはこのように使うことができます。

function validateName(){
    if(name.val().length < 5){  
        $("#nameError").html("Name should contain atleast 5 characters");
        name.addClass("error");
        return false;

    }else{
        $("#nameError").html("");
        name.removeClass("error");
        return true;

    }

}

nameErrorは、エラーを表示するために作成したDIVのIDです。

名前フィールドのkeyDownイベントで、次のようなエラーメッセージをクリアします。

$("#nameError").html("");
于 2013-01-02T10:42:39.770 に答える