Question

我有一个textbox，我想检查何时输入textbox，只需输入数字即可。当用户输入字符时，将出现一条消息，指示允许该数字。并注意长度限制为15个字符。

<input type="text" data-bind="value:replyNumber" 
           class="form-control form-control-lg input-lg"
           id="identity" name="identity"
           required="true"
           placeholder="------" >

Answer 1

如果您只想在输入字段中使用数字，则只需将类型更改为数字而不是文本即可。并且可以设置maxlength属性来限制用户可以输入的字符数。

<input type="number" id="identity" name="identity" maxlength="15">

如果用户超出特定字符限制时要显示警报或消息，请使用javascript。在这种情况下，您应该从输入字段中删除maxlength属性，然后让javascript处理。

$("#identity").keypress(function(e){
    if(e.target.value.length==15){
        alert("maxlength reached");
    }
});

在这里，我使用jquery来显示警报，如果用户超过了字符数。

Answer 2

我认为您应该使用maxlength来限制最大字符数，并使用onchange事件来检测何时用户输入或更改textbox的值。您可以仅使用javascript进行验证。

<input type="text" data-bind="value:replyNumber" 
           class="form-control form-control-lg input-lg"
           id="identity" name="identity"
           required="true"
           onchange="handleInputChange()"
           maxlength="15"
           placeholder="------" >

Answer 3

Html5在客户端为此类元素提供默认验证。这是您的操作方式

<input type="number" data-bind="value:replyNumber" 
       class="form-control form-control-lg input-lg"
       id="identity" name="identity"
       required="true"
       maxlength="15"
       placeholder="------" >

输入数字验证

3 个答案: