Question

我使用以下脚本：

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

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

Answer 1

答案在the very same page you linked us to。你看起来了吗？

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

如何自定义Validity JS Script？

1 个答案: