フォームを検証しようとしています(jquery検証なし)。何らかの理由でコードがそれをカットしておらず、実際に私のローカル環境でいくつかのcssの問題を引き起こしています。
私は文字通り4つのフィールドを検証しようとしていて、エラーが表示されます。
required = ["id_first_name", "id_last_name", "id_firmbox", "id_job_title"];
errornotice = $("#error");
emptyerror = "Please fill out this field.";
$("#startform").submit(function(){
//Validate required fields
for (i=0;i<required.length;i++) {
var input = $('#'+required[i]);
if ((input.val() == "") || (input.val() == emptyerror)) {
input.addClass("tobefixed");
input.val(emptyerror);
errornotice.fadeIn(750);
} else {
input.removeClass("tobefixed");
}
}
//if any inputs on the page have the class 'tobefixed' the form will not submit
if ($(":input").hasClass("tobefixed")) {
return false;
} else {
errornotice.hide();
requiredeturn true;
}
});
$(":input").focus(function(){
if ($(this).hasClass("tobefixed") ) {
$(this).val("");
$(this).removeClass("tobefixed");
}
});
ここでフィドルを作りました。多分誰か他の人が私が間違っていることを見つけることができます。(フォーマットの問題をお詫びします。Ubuntuを使用していますが、すべてがうまくいきません)。
よろしくお願いします!