Javascript 如何显示选择菜单的验证消息?
这是指南页: 我在页面上找到了以下相关片段:Javascript 如何显示选择菜单的验证消息?,javascript,jquery,forms,validation,validity.js,Javascript,Jquery,Forms,Validation,Validity.js,这是指南页: 我在页面上找到了以下相关片段: <script type="text/javascript"> $(function() { $("form").validity("input:text, select"); }); </script> $(函数(){ $(“表格”)。有效性(“输入:文本,选择”); }); 这是我当前使用的脚本: <script> $(
<script type="text/javascript">
$(function() {
$("form").validity("input:text, select");
});
</script>
$(函数(){
$(“表格”)。有效性(“输入:文本,选择”);
});
这是我当前使用的脚本:
<script>
$(document).ready(function() {
$("form").validity(function() {
$("#quantity")
.require()
.match("number");
$("#community")
.require()
.match("number");
$("#name")
.require()
.match("number");
});
$("#dropdown").require("You must provide a selection.");
});
</script>
$(文档).ready(函数(){
$(“形式”).有效性(函数(){
$(“数量”)
.require()
.匹配(“编号”);
$(“社区”)
.require()
.匹配(“编号”);
$(“名称”)
.require()
.匹配(“编号”);
});
$(“#下拉列表”).require(“您必须提供选择”);
});
HTML:
请选择
样品
样本2
问题:当用户未填写选择菜单时,如何显示错误消息?如何将其集成到上面的脚本中?我是JS的新手,所以这对我来说都是陌生和困惑。请告知。谢谢
更新:
在研究了我现有的代码之后,似乎对于select菜单,我需要一个.match()。我不确定我能用什么来做这个..你的HTML代码是什么?@btoueg我更新了。谢谢检查select的值是否不同于0(第一个选项),这还不够吗?
<form method="get" action="">
<input type="text" id="quantity" />
<br />
<input type="text" id="community" />
<br />
<input type="text" id="name" />
<br /><br />
<select id="dropdown" name="dropdown" class="dropdown">
<option value="0">Please Select</option>
<option value="1">Sample</option>
<option value="2">Sample 2</option>
</select>
<br />
<input type="submit" />
</form>