87,984
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<script type="text/javascript" src="jquery-1.11.2.js"></script>
<script type="text/javascript" src="m-js5-f_test01.js"></script>
</head>
<body>
<form id="myForm" name="myForm" action="#" method="post">
<fieldset>
<label for="crust">Crust Type: </label>
<select name="crust">
<option value="">Please choose...</option>
<option value="thin">Thin</option>
<option value="deepdish">Deep Dish</option>
</select>
<br />
<hr />
<input type="submit" name="submitForm" />
</fieldset>
</form>
</body>
</html>
$(document).ready(function(){
$('#myForm').submit(function(){
var formError=false;
if($(':select[name="crust"]:selected').val()==""){//select has no option, only default
formError=true;
}
if(formError){
alert("select must checked!");
return false;
}
else{
alert("Form valid, submitting to sever.");
return true;
}
});
});
//basic require submit