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

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 之类的东西来实时检查值。

*已编辑

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

Submit an input at each character entry

html

forms

asp.net-core-2.0