jQWidgets jqxValidator hideHint() 方法(1)

📌 相关文章

📜 jQWidgets jqxValidator hideHint() 方法(1)

📅 最后修改于: 2023-12-03 15:32:21.300000 🧑 作者: Mango

jQWidgets jqxValidator hideHint() 方法

hideHint() 方法是 jQWidgets jqxValidator 组件提供的一个方法，用于隐藏验证提示信息。

语法

$("#validator").jqxValidator("hideHint");

参数

该方法无参数。

返回值

该方法没有返回值。

描述

hideHint() 方法会将 jQWidgets jqxValidator 组件当前正在显示的验证提示信息隐藏起来。在使用 jQWidgets jqxValidator 进行表单验证时，当表单中的某一个控件的输入数据不符合验证规则时，jQWidgets jqxValidator 会根据设定的提示信息格式和样式来显示错误提示信息，并且该错误提示信息会一直显示直到用户对这个控件再次进行输入或者填写其它选项后提交表单。如果用户操作时间过长，或者由于其他原因需要手动隐藏这个错误提示信息，可以使用 hideHint() 方法来实现这个功能。

示例

下面是使用 jQWidgets jqxValidator 的一段示例代码，当用户输入的文本数据长度不符合要求时，会自动弹出一个验证提示信息，我们可以使用 hideHint() 方法在需要的时候将这个提示信息隐藏起来。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Example</title>
    <script src="jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="jqx.base.css">
    <script src="jqxcore.js"></script>
    <script src="jqxvalidator.js"></script>
    <script>
        $(document).ready(function () {
            $("#myform").jqxValidator({
                rules: [
                    { input: "#input1", message: "输入值长度必须大于 5 个字符", rule: "length=5,15" }
                ]
            });

            $("#myform").on("validationError", function (event) {
                // 显示验证错误提示信息
                $("#myform").jqxValidator("showHint", event.args.input[0].id, event.args.message);
            });

            $("#myform").on("validationSuccess", function (event) {
                // 验证成功处理
            });

            // 隐藏提示信息
            $("#hide-button").on("click", function () {
                $("#myform").jqxValidator("hideHint");
            });
        });
    </script>
</head>
<body>
    <form id="myform">
        <input type="text" id="input1">
        <input type="button" id="hide-button" value="隐藏提示信息">
        <input type="submit" id="submit-button" value="提交">
    </form>
</body>
</html>

该示例中我们可以看到，当用户输入的文本数据长度不符合要求时，jQWidgets jqxValidator 会自动弹出一个验证提示信息，我们可以点击“隐藏提示信息”按钮来手动隐藏这个提示信息。如果输入数据符合要求，则会跳转到后台进行提交处理。

参考链接

jQWidgets jqxValidator Documentation