Question

我正在尝试创建一个表单，其中禁用提交按钮，直到文本符合我的条件。而且我想经常（每次输入一个字符）检查文本，而不是必须创建一个激活另一个的按钮。

谢谢！

Answer 1

每次用户输入内容时，您都可以使用jquery和keyup来检测示例：

<input type="text" id="text">
<button type="submit" disabled id="submitButton">
Submit
</button>

var condition = "good";
$('#text').keyup(function(event) {
   if($('#text').val() == condition) {       
     $("#submitButton").prop('disabled', false);
   }else{
     $("#submitButton").prop('disabled', true);
   }
});

以下是使用Rob建议的输入的替代方法：

var condition = "good";
$('#text').on("input", function(event) {
   if($('#text').val() == condition) {       
     $("#submitButton").prop('disabled', false);
   }else{
     $("#submitButton").prop('disabled', true);
   }
});

此外，您可以使用类似vue.js或angular的内容来实时检查值。

*被修改

在每个字符条目处提交输入

1 个答案: