2

フォームは、エラー チェックを行うために送信を停止しますが、チェックが行われた後です。提出しません。

私が何を意味するかを示すために、ここでフィドルを作成しました。

空の入力で「追加」をクリックした場合。エラーは正常に表示されます。ただし、間違いを修正し、フォームに適切に記入した後。送信に失敗し、ヒットしません:alert('submitted');

私のコード: (Updated!) :ここでフィドルを見てください

$(document).ready(function() {
    required = ["id_name", "id_location", "id_start_date", "id_about"];
    emptyerror = "Please fill out this field.";
    $("#eventForm").submit(function(e){
        e.preventDefault();
        var id = $(this).attr('id');
        var errorText = '';
        for (i=0;i<required.length;i++) {
            var input = $('#'+required[i]);
            if ((input.val() == "") || (input.val() == emptyerror)) {
                input.addClass("tobefixed");
                input.css('border','2px solid #CF4046');
                input.val(emptyerror);
            } else {
                input.removeClass("tobefixed");
            }
        }
        if ($(":input").hasClass("tobefixed")) {
            return false;
        } else {
            return true;
        }
    });
    $(":input").focus(function(){
        if ($(this).hasClass("tobefixed") ) {
            $(this).val("");
            $(this).removeClass("tobefixed");
            $(this).css('border', '2px solid rgb(187, 209, 236)');
        }
    });
});

フォームを送信するにはどうすればよいですか? よろしくお願いいたします。

4

3 に答える 3