Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
按下按钮时,如何使用javascript验证输入中的数字?_Javascript_Html_Jquery - Fatal编程技术网

按下按钮时,如何使用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意味着没有控制-你可以去..草拟动词逻辑,对不起)