jQWidgets jqxValidator hideHint()方法

jQWidgets jqxValidator hideHint()方法

jqxValidator是jQWidgets提供的一款表单验证插件，hideHint()方法是jqxValidator的一个实例方法，可用于隐藏验证提示信息。

hideHint()方法的语法

    hideHint(ruleName: string);

hideHint()方法的参数

参数名称	参数类型	参数说明
ruleName	string	要隐藏的规则名称，该值可通过addRule()方法添加调用时传入

hideHint()方法的返回值

该方法无返回值。

hideHint()方法的示例

示例一：隐藏所有提示信息

    // HTML代码
    <form id="form">
        <div>
            <label for="name">用户名：</label>
            <input type="text" id="name" name="name" required/>
        </div>
        <div>
            <label for="password">密码：</label>
            <input type="password" id="password" name="password" minlength="6" required/>
        </div>
        <button type="submit">提交</button>
    </form>

    // JavaScript代码
    $(document).ready(function () {
        var validator = $("#form").jqxValidator({
            rules: [
                { input: "#name", message: "请输入用户名", action: "keyup, blur", rule: "required" },
                { input: "#password", message: "请输入长度不小于6的密码", action: "keyup, blur", rule: "minLength=6" }
            ]
        }).data("jqxValidator");

        // 隐藏所有提示信息
        $('#form').on('submit', function (event) {
            validator.hideHint("all");
            event.preventDefault();
        });
    });

示例二：隐藏指定规则名称的提示信息

    // HTML代码
    <form id="form">
        <div>
            <label for="name">用户名：</label>
            <input type="text" id="name" name="name" required/>
        </div>
        <div>
            <label for="password">密码：</label>
            <input type="password" id="password" name="password" minlength="6" required/>
        </div>
        <button type="submit">提交</button>
    </form>

    // JavaScript代码
    $(document).ready(function () {
        var validator = $("#form").jqxValidator({
            rules: [
                { input: "#name", message: "请输入用户名", action: "keyup, blur", rule: "required" },
                { input: "#password", message: "请输入长度不小于6的密码", action: "keyup, blur", rule: "minLength=6" }
            ]
        }).data("jqxValidator");

        // 隐藏指定规则名称的提示信息
        $('#form').on('submit', function (event) {
            validator.hideHint("required"); // 隐藏required规则名称的提示信息
            event.preventDefault();
        });
    });

以上就是jQWidgets jqxValidator hideHint()方法的使用方法，希望能对你有所帮助。