Я создал форму, которая включает обязательные поля, проверенные 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>