按下按钮时,如何使用javascript验证输入中的数字?
现在我有一个按下按钮时,如何使用javascript验证输入中的数字?,javascript,html,jquery,Javascript,Html,Jquery,现在我有一个输入字段(数字),当数字超过120或低于135时显示一条消息 //关于年龄的信息 $(“#年龄”).keyup(函数(){ 如果($('#age').val()120){ $('#errorMsg').show(); }否则{ $('#errorMsg').hide(); } 你几岁? 只有35至120岁的投保人才可参保 以前的 下一个 如果条件匹配,您可以使用.prop功能禁用您的按钮,启用按钮(如果一切正常) 此外,您可以使用$(this)来获取输入值,而不是在.val()中
输入
字段(数字),当数字超过120或低于135时显示一条消息
//关于年龄的信息
$(“#年龄”).keyup(函数(){
如果($('#age').val()<35 |$('#age').val()>120){
$('#errorMsg').show();
}否则{
$('#errorMsg').hide();
}
你几岁?
只有35至120岁的投保人才可参保
以前的
下一个
如果条件匹配,您可以使用.prop
功能禁用您的按钮,启用按钮(如果一切正常)
此外,您可以使用$(this)
来获取输入值,而不是在.val()中再次使用if#age
id
此外,在检查if
条件时,您需要将+
添加到val()中,以确保字符串
值最初是字符串
值转换为整数
现场演示:
$(“#年龄”).on('input keyup',function(){
设btn=$('.btn next')
设errorMsg=$(“#errorMsg”)
if(+$(this.val()<35 | |+$(this.val()>120){
errorMsg.show();
btn.prop(“已禁用”,为真)
}否则{
errorMsg.hide();
btn.prop(“已禁用”,错误)
}
})
你几岁?
只有35至120岁的投保人才可参保
以前的
下一个
您可以将keyup更改为change
jQuery方法,并实现类似这样的控制器
//控制器
让cont=true;
//验证器
$(“#年龄”).on('change',function(){
如果($('#age').val()<35 |$('#age').val()>120){
$('#errorMsg').show();
cont=真;
}否则{
$('#errorMsg').hide();
cont=假;
}
});
$(“.btn next”)。在('click',函数(事件){
如果(续){
//这里有一些你想要的警告
$('#errorMsg').show(函数(){
警报($('#errorMsg').text());
});
//如果这个按钮要被提交
//按钮,您可以在此设置
//默认模式如下:
//
//event.preventDefault();
}否则{
//好的,继续你的逻辑
// ...
//
}
});
你几岁?
只有35至120岁的投保人才可参保
以前的
下一个
设置按钮的disabled
属性。Cast$(“#age”).val()
类似于+$(“#age”).val()
@BijuKalanjoor如果你更仔细地看代码,你会发现true意味着它控制输入,false意味着没有控制-你可以去..草拟动词逻辑,对不起)