今天来说一种限制表单用户输入,假设有一个表单, 要求只能输入数字, 我们会怎么做呢?
我们可以用change事件监听用户的输入情况 ,用e.target.value获取用户输入的值, 这个时候就会出现七七八八不合规范的值 。这时候该这么约束用户的行为呢?
我们可以判断用户输入的是不是数值类型的,text表单元素返回的值都是字符串类型,我们可以将用户输入的值乘以1, 这样就隐式转换成了数值类型。 如果用户输入不是数值 则返回的是NaN,用 isNaN 就可以判断用户的输入情况啦。
if(!isNaN(e.target.value*1)){
//当用户输入的是数值 则干啥...
.
.
.
}else{
//输入的不合法不是一个数值 干啥
.
.
.
}
今天分享就到这啦~ 下期再见!