0

ユーザーが映画のレビューを送信するためのフォームがあります。フィールドが見落とされるたびに、ユーザーに必須フィールドへの入力を求めるエラーアラートが表示されますが、送信ボタンを複数回押すと、ボタンが押されたときに必須フィールドアラートエラーが何度も表示され、長い時間がかかります重複エラーのリスト。これを防ぐにはどうすればよいですか？送信時にボタンを無効にしてエラーを表示しようとしましたが、ボタンをもう一度押すことはできません。どんな助けでも大歓迎です。

$('#review_a_film').submit(function (e) {

    var error = false;

    // No value for movie_title
    if ($('#movie_title').val() == "") {
        $('.error').append("<li>Please enter a title </li>");
        error = true;
    }

    // No Value for actor
    if ($('#leading_name').val() == "") {
        $('.error').append("<li>Please enter the leading actors name </li>");
        error = true;
    }

    // No value for rating
    if ($('#rating').val() == null) {
        $('.error').append("<li> Please enter a rating</li>");
        error = true;
    }

    //No value for review
    if ($('#review').val() == "") {
        $('.error').append("<li>Please enter a review</li>");
        error = true;
    }

    if (error) { // If error found dont submit.
        e.preventDefault();
    }
}); // End of .submit function: review_a_film.
4

3 に答える 3

1

.error送信機能の開始時にリストをクリアしないのはなぜですか?

$('#review_a_film').submit(function (e) {

    var error = false;

    $('.error').empty();

    //...

}
于 2013-10-18T18:12:13.247 に答える
1

検証の前に送信を停止し、次のようなもので合格した場合は送信する必要があります。

$('#review_a_film').submit(function (e) {
    Event.stop(e);
    var form = Event.element(e);

    ...

    if (all is dandy) { form.submit() };
});
于 2013-10-18T18:01:03.997 に答える