📅 最后修改于: 2023-12-03 15:02:10.802000 🧑 作者: Mango
jQuery Mobile是一款基于jQuery核心的移动端UI框架，其提供了丰富的组件和事件，方便开发人员快速定制出漂亮的移动Web应用。Textinput是jQuery Mobile中的一个文本输入组件，可以用于输入文本、密码、数字等。
disable() 方法是Textinput组件所拥有的一种方法，它可以将文本输入框设置为不可用状态，从而防止用户进行输入操作。
$(selector).textinput("disable");
该方法没有参数。
该方法没有返回值。
下面是一个简单的示例，演示如何使用disable()方法将文本输入框设置为不可用状态。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Textinput disable() 方法示例</title>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<form>
<label for="username">用户名：</label>
<input type="text" name="username" id="username">
<label for="password">密码：</label>
<input type="password" name="password" id="password">
<button type="button" id="disableBtn">禁用</button>
<button type="button" id="enableBtn">启用</button>
</form>
<script>
$(function(){
$("#disableBtn").click(function(){
$("#username").textinput("disable");
$("#password").textinput("disable");
});
$("#enableBtn").click(function(){
$("#username").textinput("enable");
$("#password").textinput("enable");
});
});
</script>
</body>
</html>
该示例中，我们定义了两个文本输入框和两个按钮，点击“禁用”按钮之后，我们调用disable()方法将文本输入框设置为不可用状态，从而禁用用户的输入操作；点击“启用”按钮之后，我们调用enable()方法将文本输入框设置为可用状态，从而启用用户的输入操作。
disable()方法是Textinput组件中非常实用的方法，可以帮助我们快速地禁用某个文本输入框，从而保护我们的程序免受恶意输入的影响。当我们需要禁用用户在某些情况下的输入时，可以使用该方法达到我们的目的。