Question

我有一个使用输入标签的文本框，其中包含类型编号。现在，有时如果用户在文本框中输入字母，则只需清除文本框。当用户在文本框中输入字母时，我需要提醒错误消息。

我尝试使用document.getElementById（＆＃34; idofTextbox＆＃34;）。validity.valid，但它是真的。所以对这个问题的任何建议或解决方案。

先谢谢。

Answer 1

以下代码可以帮助您

var numberOnly = new RegExp('^[0-9]+$'); // RegEx
var inputVal = document.getElementById("id").value;
numberOnly.test(inputVal); // Returns true/false

Answer 2

你可以这样使用

<input type="text" name="First Name" id="first" placeholder="Enter number here"/>
$('#first').keyup(function(event){
    if(isNaN(String.fromCharCode(event.which))){
        var value = $(this).val();
        $(this).val("");
        alert("Enter only numbers");
    }
});

工作 JSFIDDLE HERE

Answer 3

这里＆＃34; keyup-numeric＆＃34;是一类输入字段。注意更改您的＆＃34;输入类型=＆＃39;数字＆＃39; ＆＃34;到＆＃34;输入类型=＆＃39;文字＆＃39; ＆＃34;

$('.keyup-numeric').keyup(function() {
    $('span.error-keyup-1').hide();
    var inputVal = $(this).val();
    var numericReg = /^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/;
    if(!numericReg.test(inputVal)) {
        $(this).after('<span class="error error-keyup-1">Numeric characters only.</span>');
    }
});

fiddle DEMO

关于文本框的验证

3 个答案: