首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Jquery显示控件的错误消息

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

Stack Overflow用户
提问于 2015-03-11 03:10:35
回答 2查看 501关注 0票数 0

脚本: jquery我是Jquery的新手,我找到了一段我尝试过但没有成功的代码。它使用jquery验证器插件。以下是代码:

代码语言:javascript
复制
<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/

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-03-11 04:35:06

尝尝这个

代码语言:javascript
复制
<!DOCTYPE HTML>
<html>
<head>
</head>
<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="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.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>
票数 0
EN

Stack Overflow用户

发布于 2015-03-11 04:08:03

看起来,您正在使用的验证器插件版本导致了这个问题。尝试以下一个http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js

或页面jqueryvalidation.org热链路中的任何内容

我希望这能解决这个问题。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28977925

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档