jQWidgets jqxMaskedInput clear() 方法(1)

📌 相关文章

📜 jQWidgets jqxMaskedInput clear() 方法(1)

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

jQWidgets jqxMaskedInput clear() 方法

clear() 方法是 jQWidgets jqxMaskedInput 控件提供的一种清空输入框内容的方法。

方法功能

清空输入框（文本框）中的文本内容。

语法

$("#jqxmaskedinput").jqxMaskedInput("clear");

参数解释

jqxmaskedinput: 必填项，表示 jQWidgets jqxMaskedInput 控件的 id 或选择器。

返回值

该方法没有返回值。

代码示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQWidgets jqxMaskedInput clear() 方法</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jqwidgets-scripts@9.1.5/jqwidgets/jqxcore.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jqwidgets-scripts@9.1.5/jqwidgets/jqxmaskedinput.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jqwidgets-scripts@9.1.5/jqwidgets/styles/jqx.base.css">
</head>
<body>
    <label for="maskedinput">请输入手机号码：</label>
    <div id="maskedinput"></div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#maskedinput").jqxMaskedInput({
                mask: "(###)###-####",
                width: 250,
                height: 25
            });

            // 获取 value
            var value = $("#maskedinput").jqxMaskedInput("val");
            console.log(value);

            // 清空 value
            $("#maskedinput").jqxMaskedInput("clear");

            // 再次获取 value
            var value = $("#maskedinput").jqxMaskedInput("val");
            console.log(value);
        });
    </script>
</body>
</html>

说明

以上示例展示了在页面加载时初始化了一个 jQWidgets jqxMaskedInput 控件，它有一个 (###)###-#### 的输入格式。当页面加载时，程序会打印控件的值到控制台中。接着，调用 clear() 方法清空了输入框中的内容，再次打印控件的值到控制台中。可以看到，在调用 clear() 方法后，控件的值确实被清空了。

注意

clear() 方法只能用于 jQWidgets jqxMaskedInput 控件，不能用于其他类型的输入框。
当调用 clear() 方法后，控件的值将被清空，但并不会恢复到先前的默认值。如果需要恢复到默认值，应该重新初始化控件。