我有一个包含 6 个不同的 SELECTION/OPTION HTML 下拉列表的表单。如何进行错误检查以确保在提交表单之前已选择所有 6 个 SELECT?如果不是,则会弹出一个警告,并且不会提交表单。
<head>
<script src="http://path/to/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var num = 2;
$(":input").each(function(){
if((this).val()==num){
event.preventDefault();
alert("Please ensure all fields are selected to submit the form");
}
});
});
</script>
</head>
我的表格:
<form>
Prior History of DVT or PE:
<select name="prior">
<option value="2">--</option>
<option value="1">yes</option>
<option value="0">no</option>
</select>
...
PE is #1 Diagnosis, or Equally Likely::
<select name="likelydx">
<option value="2">--</option>
<option value=1>yes</option>
<option value=0>no</option>
</select>
</form>
最佳答案
使用以下代码。每次尝试提交表单时都会触发提交事件,并且在验证表单之前可以阻止提交。
$(function() {
$('form').on('submit', function( event ) {
if( $('select').filter(function() { return this.value == 2; }).length > 0 ) {
event.preventDefault();
alert( 'Please ensure all fields are selected to submit the form' );
}
});
});
关于javascript - 如何检查是否选择了表单选择以提交表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23797121/