如何显示选择菜单的验证消息?

时间:2013-07-03 22:21:59

标签: javascript jquery forms validation validity.js

这是指南页:

http://validity.thatscaptaintoyou.com/Demos/#

我能够在相关页面上找到以下代码段:

 <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>

HTML:

<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>

问题:如果用户未填写选择菜单,如何显示错误消息?如何将其集成到我上面的脚本中?我是JS的新手,所以这对我来说都很陌生。请指教。谢谢!

更新

在研究了我现有的代码后,似乎对于选择菜单我需要一个.match()。我不确定我可以用它做什么..

0 个答案:

没有答案