html input if条件,javascript - validate HTML form input - prevent tab if invalid - Stack Overflow

My HTML form includes a series of five related tags, all of which need to be single-digit or two-digit numbers. I've created a JavaScript function that will test user-input against a regular expression using an if-else statement. The function works as desired when input is valid; however, I would like to have the focus remain on the input-field if input is invalid, and so far I haven't been able to make that happen.

I've tried using document.getElementById(currseg).focus(); -- where currseg is dynamically set to the ID of the offending input-field. I've also tried using a switch statement with an individual case for each possible bad input-field, and with the ID of the offending field specified directly rather than calculated as a variable.

Validation testing is prompted by an onblur event (I've also tried using the onchange event) for each input-field. I have an alert("Bad user input") in the else condition, so I know the function is flowing properly to the else condition when input is invalid, but focus moves to the next input-field.

Everything I've tried fails to stop the progress of the focus, whether I move from the input-field by mouse-action or by tab-key.

Any suggestions how I can keep focus on a field with invalid input?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值