使用javascript单击submit按钮下拉列表中的验证

使用javascript单击submit按钮下拉列表中的验证,javascript,Javascript,我有三个下拉字段。我想在单击submit按钮时使用JavaScript验证它们,以查看三个下拉字段中的任何值是否未被选中 单击submit按钮时,它会显示一条警告消息,指示三个下拉列表中的一个尚未填充。您是否尝试利用select HTML标记的必需属性而不是使用JavaScript 使用时,下拉字段应类似以下内容: <select required> <option value="">None</option> <option value="

我有三个下拉字段。我想在单击submit按钮时使用JavaScript验证它们,以查看三个下拉字段中的任何值是否未被选中


单击submit按钮时,它会显示一条警告消息,指示三个下拉列表中的一个尚未填充。

您是否尝试利用select HTML标记的必需属性而不是使用JavaScript

使用时,下拉字段应类似以下内容:

<select required>
   <option value="">None</option>
   <option value="Opt1">Option 1</option>
   <option value="Opt2">Option 2</option>
   <option value="Opt3">Option 3</option>
   <option value="Opt4">Option 4</option>
</select>

以这种方式设置时,如果没有为该字段选择值定义选项,则无法提交表单正文的按钮。

根据我先前回答中的注释中的信息,这应该适用于您。我已经对它进行了测试,但是您可以细化JavaScript if语句来单独测试每一条语句,并为每一条语句报告不同的消息,只要您始终返回false;以确保提交停止

函数validateForm{ 如果document.getElementByIdddOne.value==| | | document.getElementByIdddTwo.value==| | | document.getElementByIdddThree.value=={ Alert您需要填写所有三个Dropbox,而不仅仅是一些Dropbox; 返回false; } } 下拉列表1 没有一个 选择1 选择2 选择3 选择4 下拉列表2 没有一个 选择1 选择2 选择3 选择4 下拉列表3 没有一个 选择1 选择2 选择3 选择4
听起来像个计划。您尝试了什么/哪里遇到了问题?因为我不熟悉javascript。我想在三个下拉列表上进行验证。我无法进行验证。如果在任何下拉列表中未选择任何数据,则单击“提交”按钮,它将显示一条特定于下拉列表名称的警报消息。可能你能在这里添加一些代码示例来帮助你吗?也许可以在JSFIDLE中设置它,这样我们就可以看到您已经尝试过的内容。现在我没有代码示例。我必须从头开始实现它。谢谢您的回复,但正如我已经说过的。我将字段标记为必需的,但我面临着实现必需功能的问题。任何人都可以提供完整的代码来验证每个下拉列表。或者,如果在三个下拉列表中没有选择任何值,则单击“提交”按钮,它应该对所有三个下拉列表执行验证。在我的测试中我在选择列表中使用所需的名称,它会将我带到“未填充”下拉列表,并告诉我需要选择一个选项。当我点击submit时它会这样做。很抱歉,但在我回复时,我没有看到任何迹象表明您在字段上尝试了必需的属性。我会看一看,看看你需要的任务我可能有什么,但我没有太多的需要这样做,因为解决方案不需要JavaScript。感谢Kenneth的及时响应…非常感谢你的帮助…我需要在今天之前提交此作业…啊,课堂作业。是的,这些可能是相当讨厌的,因为你不能只是简单的方式来做。请添加提示中提供的示例代码,这样我们就可以准确地准备你的回应的方式,它预计会给出