我正在尝试验证表单,并且我正在处理的输入框应该只包含数字。如果用户开始输入任何字母,我希望他们自动删除,显然如果他们输入数字,则不应删除。
这是我的js:
var defaultValue = 10;
$(document).ready(function() {
$('#donation-amount').keyup(function() {
if($(this).val()) {
$('#display-amount').text($(this).val());
} else {
$('#display-amount').text(defaultValue);
$("#default").addClass('active');
$("#btn2").removeClass('active');
$("#btn3").removeClass('active');
}
if (isNaN( $(this).val() )) {
console.log("false")
} else {
console.log("true")
}
});
$( ".selectvalue" ).click(function() {
$('#display-amount').text($(this).val());
});
$(".buttons .btn").click(function(){
$(".buttons .btn").removeClass('active');
$(this).toggleClass('active');
});
$('#display-amount').text($('#default').val());
});
这是我的 html:
<input type="Custom" name="donation-amount" class="inpt-first form-control" id="donation-amount" onclick="if(this.defaultValue == this.value) this.value = ''" onblur="if(this.value=='') this.value = this.defaultValue" value="Custom">
任何帮助表示赞赏!
不要删除非数字字符,而是首先忽略它们,或者将输入类型定义为number
.
HTML 文本输入仅允许数字输入 https://stackoverflow.com/questions/469357/html-text-input-allow-only-numeric-input
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)