jQuery 検証を使用してフォームを検証しています。私のフォームは、セクションに分割されます。通常の入力があるフォームの上部には、検証エラー メッセージが正確に配置されています。
私の問題は、別のセクションに配置された特定のエラー ラベルが表示されないことです。関数を試すように言われましたがerrorplacement、特定のエラー メッセージでこれを使用する方法がわかりません。
errorPlacement: function(error, element) {
}
以下の私のコードでは、2 つのHTMLコメントが表示されます。1 つ目は、入力をそこに移動すると、エラー メッセージが表示されることを示しています。2 番目のコメントは、入力が現在ある場所と実際に入力したい場所ですが、そこには表示されません。
入力の ID は#interestHiddenです。
errorplacementこの1つのエラーメッセージだけを使用する方法を誰かが知っていますか?
以下の私のコードを参照してください
<section class="sec90">
<h3 class="subTC">Enter your information below.</h3>
<form action="" id="salesforce_submit" method="POST" enctype="multipart/form-data">
<div><input id="first_name" placeholder="First Name*" class="input block" maxlength="40" name="first_name" type="text"></div>
<div><input id="last_name" placeholder="Last Name*" class="input block" maxlength="80" name="last_name" type="text"></div>
<div><input id="company" placeholder="Company*" class="input block" maxlength="40" name="company" type="text"></div>
<!-- Moving it here will allow the message to display -->
</section>
<section class="sec90">
<h3 class="subTC">What are you interested in?*</h3>
<!-- Moving it here, it doesn't show -->
<div><input type="hidden" id="interestHidden" name="interestHidden" value=""></div>
<div id="interestWrap">
<div class="interest">
試み：
errorPlacement: function(error, element) {
if(element.attr("id") == "interestHidden") {
error.html('#interestError');
} else {
//Placement for other interest Hidden
}
},
更新された JS:
$('#salesforce_submit').validate({
ignore: [],
//ignore: "",
rules: {
first_name: {
required: true,
minlength: 2
},
last_name: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
},
phone: {
required: true,
//digits: true,
minlength: 10,
alphanumeric: true
},
zip: {
required: true,
digits: true,
minlength: 5
},
company: {
required: true,
minlength: 2
},
interestHidden: {
required: true,
min: 1
}
},
messages: {
first_name: {
required: "Please enter your first name",
minlength: "Your first name seems a bit short, doesn't it?"
},
last_name: {
required: "Please enter your last name",
minlength: "Your last name seems a bit short, doesn't it?"
},
email: {
required: "Please enter your email address",
email: "Please enter a valid email address"
},
phone: {
required: "Please enter your phone number",
digits: "Please enter a valid phone number with only numbers",
minlength: "Your number seems a bit short, doesn't it?"
},
zip: {
required: "Please enter your zip code",
digits: "Please enter a valid zip code with only numbers",
minlength: "Your zip code seems a bit short, doesn't it?"
},
company: {
required: "Please enter your company name",
minlength: "Your company name seems a bit short. Please enter at least 2 characters"
},
interestHidden: {
required: "Please choose at least one interest",
min: "At least one interest needs chosen"
}
},
/*errorPlacement: function(error, element) {
if(element.attr("id") == "interestHidden") {
error.html('#interestError');
} else {
//Placement for other interest Hidden
}
},*/
errorPlacement: function (error, element) {
if ($(element).attr('name') == 'interestHidden') {
// error.insertAfter($(element).next());
error.insertBefore(element.prev('#interestHidden'));
} else {
error.insertAfter(element); // <- default
}
},
submitHandler: function(form) {