Jquery validate.js によって検証された必須フィールドを含むフォームを作成しました。
ユーザーが必須フィールドからオプションを選択しない場合、必須フィールドが空白のままであるため、検証でフォームを送信できないように、最初の選択オプションに空の値を与える最も簡単な方法を探しています。
以下は、フォームのコーディング方法の例です。ありがとう
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><head>
<meta name="google-site-verification" content="WJzOl7qm8SHqmzMTjrdQwqVgXRu-EUMnY3qYUdrcJhI" />
<meta name="keywords" content=" " />
<meta name=" " content=" " />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Example Form</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#contactForm').submit(function() {
return $('#contactForm').valid();
});
$("#contactForm").validate({
debug: false,
rules: {
firstName: "required",
email: {
required: true,
email: true
}
},
messages: {
firstName: "Enter name.",
email: "Enter email address.",
},
});
});
</script>
</head>
<body>
<div id="wrapper">
<form class="contactForm" action="next.php" method="post" name="contactForm" id="contactForm">
<h1>Contact Form</h1>
<label for="subject">Subject: </label>
<select name="subject" id="subject" class="required">
<option>- Please Select -</option>
<option>General</option>
<option>Products</option>
<option>Service</option>
<option>Complaint</option>
</select>
<br>
<br>
<label for="firstName">First Name:</label>
<br>
<input name="firstName" type="text" value="" id="firstName" class="required"/>
<br><br>
<label for="surname">Surname:</label>
<br>
<input name="surname" type="text" value="" id="surname" class="required"/>
<br><br>
<label for="email">Email:</label>
<br>
<input name="email" type="text" value="" id="email" class="required email" />
<br><br>
<label for="comments">Comments:</label>
<br>
<textarea name="comments" class="required" cols="40" rows="10" id="requirements"></textarea>
<br><br>
<input type="submit" value="Submit" />
</p>
</form>
</div>
</div>