如何自定义有效性JS脚本

How can I customize Validity JS Script?

本文关键字：JS 脚本 有效性 自定义      更新时间：2023-09-26

我正在使用以下脚本：

http://validity.thatscaptaintoyou.com/Demos/index.htm

这是我正在使用的示例脚本：

    <head>
        <title>Simple</title>
        <link type="text/css" rel="Stylesheet" href="jquery.validity.css" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.validity.js"></script>
<script>
        $(function() {
            $("form").validity(function() {
                $("#quantity")
                    .require()
                    .match("number");
            });    
        });    
    </script>
</head>
<body>
    <form method="get" action="">
        <input type="text" id="quantity" />
        <br />
        <input type="submit" />
    </form>
</body>
</html>

上面的内容很好，但现在当我想自定义消息的内容和外观时，我被卡住了。

jquery.validity.js是进行此更改的文件，我可以找到可以自定义的代码段，该代码段位于第91-95行：

// Built-in set of default error messages (for use when a message isn't 
// specified):
messages:{
    require:"<div style='font-size:25px;'>#{field} is required.</div>",

现在，我如何在每个输入字段旁边显示此错误消息，以及如何自定义每个字段显示的不同消息？

答案就在你链接我们的同一页上。你看了吗？

// A specific error message is attached to a specific input.
$("#ssn").require("Your Social Security Number is required to proceed.");
相关文章：