gpt4 book ai didi

javascript - 如何检查是否选择了表单选择以提交表单?

转载 作者:行者123 更新时间:2023-11-30 12:42:49 27 4
gpt4 key购买 nike

我有一个包含 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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com