javascript - 使用 Jquery 显示控件的错误消息

标签 javascript jquery css html

脚本:Jquery 我是 jquery 的新手,我发现了这段我试过但没有成功的代码。它使用 jquery 验证器插件。这是代码:

<html>
<body>

<form id="employment-application" method="post">

    <input name="full_name" type="text" />
    <div id="full_name_validate"></div>
    <input type="submit" />
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.47/jquery.form-validator.min.js"></script>


<script>
$(function validate() {

    var rules = {
        rules: {
            full_name: {
                minlength: 2,
                maxlength: 50,
                required: true
            },
        },
        errorPlacement: function (error, element) {
            var name = $(element).attr("name");
            error.appendTo($("#" + name + "_validate"));
        },
    };

    $('#employment-application').validate(rules);

});

</script>
</body>
</html>

我如何实现这一点?这是链接 http://jsfiddle.net/cMhQ7/

最佳答案

看起来问题是由您使用的验证器插件版本引起的。试试下面的 http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js

或页面 jqueryvalidation.org hotlink 中的任何内容

我希望这能解决问题。

关于javascript - 使用 Jquery 显示控件的错误消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28977925/

相关文章:

html - CSS/样式中的下拉菜单

html - 设计在 IE 中显示严重困惑

javascript - 在 Jest 中模拟 "this"对象上的方法

javascript - jquery qtip 是如何制作它的箭头的?

javascript - 元素轮播 Bootstrap

javascript - JQuery 多个隐藏值

javascript - 在 Video.js 中使用 Font Awesome 图标?

javascript - Unicode RegEx 不匹配外来字符

javascript - 无法将项目添加到数组中

javascript - 如何使用 Jquery 中的 next() 函数将类添加到链接?