我想使這下拉菜單驗證正常工作,並希望有人能讓我到終點線。此時,驗證適用於所有文本字段,包括電子郵件和電話以及下拉菜單。我的問題是如果我第一次發送表單並收到重定向錯誤的錯誤。現在,如果用戶將正確選擇所有字段並嘗試重新提交,則不會發送提交按鈕。請爲我的個人健康和神智有人幫助我。jquery下拉驗證提交
這裏是鏈接到我的服務器上的文件: http://amckeedesignportfolio.com/eLearningModule/newForm.php
這裏是代碼:
<html>
<head>
<title>NJR Medical No-Bite V Survey</title>
<link rel="stylesheet" type="text/css"
href="style.css">
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/additional-methods.min.js"></script>
<script type="text/javascript">
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});;
$(document).ready(function() {
// validate signup form on keyup and submit
$("#contactForm").validate({
rules: {
fName: "required",
lName: "required",
telephone: "required",
email: {
required: true,
email: true
},
telephone: {
required: true,
phoneUS: true
},
position: "required",
hospital: "required",
hospitalCity: "required",
hospitalState: "required",
area: "required",
experience: "required",
question1: "required",
question2: "required",
question3: "required",
question4: "required",
question5: "required",
question6: "required",
question7: "required",
question8: "required",
question9: "required",
question10: "required",
question11: "required",
},
messages: {
fName: "Please enter your firstname.",
lName: "Please enter your lastname.",
telephone: "Please enter a valid telephone number.",
email: "Please specify a valid email address.",
position: "Please enter your current position.",
hospitalCity: "Please enter your current hospital.",
area: "Please enter the current floor or area you work.",
}
});
/* state validation*/
$validator.addMethod("required", function (value, element) {
return this.optional(element) || (value.indexOf("") == -1);
}, "Please select a option.");
});
</script>
</head>
<body>
<div id="wrapper">
<div class="ribbonForm">
<img src="images/logoLarge.png" alt="NJR Medical Logo" height="60" width="280"
/>
<h1>Contact Form</h1>
<h2 class="please">Please take a few minutes to fill out the contact info and short survey
so that you can proceed with entering the NJR Medical No-Bite V eLearning
Module. All of the questions and contact info must be completed before
proceeding to the module.</h2>
<form name="request" action="newSurveyProcess.php"
method="POST" id="contactForm" onSubmit="valid_check();">
<h2>First Name :
<span style="padding-left:25px;"></span>
</h2>
<div class="textbox_holder">
<input name="fName" type="text" class="box" />
</div>
<h2>Last Name :
<span style="padding-left:25px;"></span>
</h2>
<div class="textbox_holder">
<input name="lName" type="text" class="box" />
</div>
<h2>Contact Number :
<span style="padding-left:25px;"></span>
</h2>
<div class="textbox_holder">
<input name="telephone" type="text" class="box" />
</div>
<h2>Email Address :
<span style="padding-left:37px;"></span>
</h2>
<div class="textbox_holder">
<input name="email" type="text" class="box" />
</div>
<h2>Position :
<span style="padding-left:25px;"></span>
</h2>
<div class="textbox_holder">
<input name="position" type="text" class="box" />
</div>
<h2>Hospital :
<span style="padding-left:25px;"></span>
</h2>
<div class="textbox_holder">
<input name="hospital" type="text" class="box" />
</div>
<h2>Hospital City :
<span style="padding-left:25px;"></span>
</h2>
<div class="textbox_holder">
<input name="hospitalCity" type="text" class="box" />
</div>
<h2>Hospital State :
<span style="padding-left:25px;"></span>
</h2>
<select name="hospitalState" class="required">
<option value="" selected="selected">state</option>
<option value="AK">AK</option>
<option value="AL">AL</option>
<option value="AR">AR</option>
<option value="AZ">AZ</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DC">DC</option>
<option value="DE">DE</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="IA">IA</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="MA">MA</option>
<option value="MD">MD</option>
<option value="ME">ME</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MO">MO</option>
<option value="MS">MS</option>
<option value="MT">MT</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="NE">NE</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NV">NV</option>
<option value="NY">NY</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VA">VA</option>
<option value="VT">VT</option>
<option value="WA">WA</option>
<option value="WI">WI</option>
<option value="WV">WV</option>
<option value="WY">WY</option>
</select>
<h2>Area/Floor that you work :
<span style="padding-left:25px;"></span>
</h2>
<div class="textbox_holder">
<input name="area" type="text" class="box" />
</div>
<h2>I have worked in an ICU for:
<span style="padding-left:25px;"></span>
</h2>
<select name="experience" class="required">
<option value="" selected="selected">select year range</option>
<option value="2">2 yrs</option>
<option value="2-4">2-4yrs</option>
<option value="5-10">5-10yrs</option>
<option value="11-20">11-20yrs</option>
<option value="+20yrs">more than 20yrs</option>
</select>
<h2>Comments :
<span style="padding-left:25px;"></span>
</h2>
<div class="textbox_holder">
<textarea name="message" rows="5" cols="60"></textarea>
</div>
<h1>Survey Questions</h1>
<h2>Please be aware that you must select an answer to every question or your
form will not process and allow you to proceed. You must be allowed to
proceed for "The No- Bite V eLearning Module" to begin.
<span style="padding-left:
25px;"></span>
</h2>
<h2>1. How often do you have a patient who resists oral care?
<span style="padding-left:
25px;"></span>
</h2>
<br/>
<select name="question1" class="required">
<option value="" selected="selected">--select--</option>
<option value="Never">Never</option>
<option value="Rarely">Rarely</option>
<option value="Sometimes">Sometimes</option>
<option value="Always">Always</option>
</select>
<h2>2. How often do you have a patient bite on oral swabs with oral care?
<span
style="
padding-left:25px;"></span>
</h2>
<select name="question2" class="required">
<option value="" selected="selected">--select--</option>
<option value="Never">Never</option>
<option value="Rarely">Rarely</option>
<option value="Sometimes">Sometimes</option>
<option value="Always">Always</option>
</select>
<h2>3. Have you ever had a patient break or damage a green swab from biting
it?
<span style="padding-left:25px;"></span>
</h2>
<select name="question3" class="required">
<option value="" selected="selected">--select--</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<h2>4. How often do you have a patient bite on a Yankauer suction with oral
care?
<span style="padding-left:25px;"></span>
</h2>
<select name="question4" class="required">
<option value="" selected="selected">--select--</option>
<option value="Never">Never</option>
<option value="Rarely">Rarely</option>
<option value="Sometimes">Sometimes</option>
<option value="Always">Always</option>
</select>
<h2>5. Have you ever had a patient break or damage a Yankauer suction from
biting it?
<span style="padding-left:25px;"></span>
</h2>
<select name="question5" class="required">
<option value="" selected="selected">--select--</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<h2>6. Have you ever been biten during mouth care.?
<span style="padding-left:
25px;"></span>
</h2>
<select name="question6" class="required">
<option value="" selected="selected">--select--</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<h2>7. Do you think patients who bite down and resist oral care tend to receive
inadequate oral hygiene?
<span style="padding-
left:25px;"></span>
</h2>
<select name="question7" class="required">
<option value="" selected="selected">--select--</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<h2>8. How often do you have a Naso-Tracheal Suction Catherer coil in the
back of a patient's mouth upon insertion?
<span style="padding-left:25px;"></span>
</h2>
<select name="question8" class="required">
<option value="" selected="selected">--select--</option>
<option value="Never">Never</option>
<option value="Rarely">Rarely</option>
<option value="Sometimes">Sometimes</option>
<option value="Always">Always</option>
</select>
<h2>9. Do you think that patients who have a Naso- Tracheal Suction Catheter
coil in the back of a patient's mouth receive inadequate Naso-Tracheal
Suctioning?
<span style="
padding-left:25px;"></span>
</h2>
<select name="question9" class="required">
<option value="" selected="selected">--select--</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<h2>10. How often do you have a patient bite an Oral-Pharnygeal Suction Catheter?
<span
style="padding-left:25px;"></span>
</h2>
<select name="question10" class="required">
<option value="" selected="selected">--select--</option>
<option value="Never">Never</option>
<option value="Rarely">Rarely</option>
<option value="Sometimes">Sometimes</option>
<option value="Always">Always</option>
</select>
<h2>11. Have you ever had a patient damage an Oral- Pharnygeal Suction Catheter
from biting it?
<span style="padding-
left:25px;"></span>
</h2>
<select name="question11" class="required">
<option value="" selected="selected">--select--</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<h3>
<input name="submit" type="submit" value="submit" />
</h3>
</form>
<!--closes form-->
</div>
<!--closes ribbonForm -->
</div>
<!--closes wrapper-->
</body>
</html>
即時開始想知道爲什麼我有這麼多觀點,沒有迴應? –
上面的鏈接,它工作嗎? –
同樣,它更好地給出另一個名稱,而不是addMethod中給出的自定義規則的「required」。 –