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

Show error message for controls using Jquery

本文关键字：控件 消息 错误 Jquery 显示      更新时间：2023-09-26

>脚本：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 热链接页面中的任何内容

我希望这可以解决问题。

试试这个 

<!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>
相关文章：