jQuery.Validator Sample

 

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script src="./js/jquery-1.11.3.min.js"></script>
        <script src="./js/jQuery-validation//dist/jquery.validate.min.js"></script>
    </head>
    <body>
        <script>
            $.validator.setDefaults({
                submitHandler: function() {
                    alert("提交事件!");
                }
            });
            $().ready(function() {
                $("#commentForm").validate();
            });
        </script>

        <form class="cmxform" id="commentForm" method="get" action="">
            <fieldset>
                <legend>输入您的名字，邮箱，URL，备注。</legend>
                <p>
                    <label for="cname">Name (必需, 最小两个字母)</label>
                    <input id="cname" name="name" minlength="2" type="text" required>
                </p>
                <p>
                    <label for="cemail">E-Mail (必需)</label>
                    <input id="cemail" type="email" name="email" required>
                </p>
                <p>
                    <label for="curl">URL (可选)</label>
                    <input id="curl" type="url" name="url">
                </p>
                <p>
                    <label for="ccomment">备注 (必需)</label>
                    <textarea id="ccomment" name="comment" required></textarea>
                </p>
                <p>
                    <input class="submit" type="submit" value="Submit">
                </p>
            </fieldset>
        </form>
    </body>
</html>

 

 

结果

 

jQuery Validator的源码里有这么一段

然后在插件的localization路径下有不同语言版本的message，

引入不同的meessages的js文件可以覆盖掉源码当中的英文，最终实现不同语言版本的提示。

posted @ 2016-03-11 13:39  zcynine  阅读(338)  评论(0)  编辑  收藏  举报