0

我正在使用以下脚本:

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

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

4

1 回答 1

2

答案就在您将我们链接到的同一页面上。你还看吗?

// A specific error message is attached to a specific input.
$("#ssn").require("Your Social Security Number is required to proceed.");
于 2013-07-03T21:20:36.833 回答