まず、jQueryは初めてですが、プログラミング全般については説明しません。これは私を殺している、そして私はどこにも答えを見つけることができない。
これが私がやろうとしていることです:
フォームがあります。この例では、2つの主要な要件を使用します。部品名と部品番号を入力しようとしています。ユーザーがそれらのいずれかを入力しない場合、検証のメッセージ部分を無効にしながら、入力ボックスの横のラベルの色を変更したいと思います。
だから、例えば。ユーザーが部品番号を入力しない場合、これを変更したいと思います。
<label for="part_name">Part Name</label>
このようなものに:
<label for="part_name" style="color: #fa0008;">Part Name</label>
これが私のこれまでのコードです。
HTML
<div class='type_left'><label for="part_name">Part Name</label></div>
<div class='type_left'><input type="text" id="part_name" name="part_name"></div>
<div class='type_left'><label for="hj_part">hj Part Number</label></div>
<div class='type_left'><input type='text' name='hj_part'></div>
jQuery(注:これはすべて正常に機能します。デバッグモードで実行しているため、送信を試みません。)
// Validate "Add Part" form ----------------
//------------------------------------------
$j('#addpartform').validate({
debug: true,
rules: {
part_name: {
required: true
},
hj_part: {
required: true
},
},
errorPlacement: function(error, element) { },
invalidHandler: function(form, validator) {
var errors = validator.numberOfInvalids();
if (errors) {
alert("Hey man, you didn't enter something.")
}
},
submitHandler: function(form) { alert("works!") }
});
//------------------------------------------
// End "Add Part" form validation ----------
これを行うには、検証関数に何を追加する必要がありますか?
私にはそれは非常に単純なように聞こえますが、私はそれを理解することができません。
よろしくお願いします。ダン