我有文本框,如果输入的值需要使用一些正则表达式进行验证 我需要验证值,因为用户正在输入数据。 这是适合的事件吗?在文本框上使用onfocus事件的一些示例示例将有所帮助Javascript onfocus事件
0
A
回答
0
使用onKeypress或onKeyup。 初学者经常认为onChange会做你想做的,但只有当输入失去焦点时才会发生。 OnFocus无关紧要 - 即盒子首次获得焦点时,而不是当用户输入时。
0
通常,当文本输入丢失焦点时,您会这样做,因此它将使用blur事件。原因是许多输入在输入足够数量的字符之前是无效的。在用户输入一个有效的字符串时,用户可能会提出一个验证错误。例如,在进行电子邮件验证时,只有在输入了@符号后,输入才有效。请注意,您还需要验证提交表单时是否抓住该领域从未关注过的情况。
使用jQuery它可能看起来像:
$('.klass').blur(function() {
if (!$(this).val().match(/your-regular-expression/)) {
$(this).next('.validation-message').show();
return false; // keep focus on field
}
return true;
});
这是假定一些HTML一样
<input type="text" class="klass" name="myInput" />
<span class="validation-message" style="display: none;">This is not valid</span>
0
要写入无效字符停止用户,或验证等领域,他的类型,你可以使用.onkeypress
。
document.getElementById(fieldId).onkeypress = onkeypressHandler;
var onkeypressHandler = function (event) {
var eKey = event.charCode;
var str = String.fromCharCode(eKey);
var pattern = /[^0-9]/g;
var strTmp = str.replace(pattern, "");
if (str!== strTmp) {
return false;
}
return true;
}
在这个例子中,唯一有效的字符是数字,如果按下的键不是数字,则该函数将返回false和密钥将被忽略。
也验证字段的用户输入完成后,您可以使用后.onchange
document.getElementById(fieldId).onchange= onChangeHandler;
相关问题
- 1. javascript onblur和iPad Safari中的onfocus事件
- 2. 停止在javascript中触发onfocus事件
- 3. Dijit TabContainer事件 - onFocus
- 4. 链接上的onfocus事件
- 5. 在onFocus上做了几件事情
- 6. 如何在javascript中编写onblur和onfocus事件?
- 7. onFocus和onMouseEnter事件有什么区别?
- 8. jQuery onfocus和onblur事件缩小
- 9. OnFocus事件在select2中不起作用
- 10. Javascript onFocus事件不断在Google Chrome中触发 - 它是一个错误吗?
- 11. 如何让onfocus事件在firefox和chrome中启用复选框
- 12. 使用角度2的HTML5事件处理(onfocus和onfocusout)
- 13. 我可以通过ASP.NET RangeValidator获得一个onblur/onfocus事件吗?
- 14. 向每个元素添加onfocus事件处理程序
- 15. 如何写在jQuery的一个onfocus事件
- 16. 如何在onfocus事件中显示表格?
- 17. GWT:在Chrome中的“onFocus事件”上使用TextBox.selectAll()的问题
- 18. OnBlur和OnFocus事件不能正常工作
- 19. “onfocus”事件不适用于动态附加输入
- 20. React Native:如何模拟onBlur和onFocus事件查看
- 21. 的onblur和onfocus事件,但使用I帧
- 22. 意想不到的结果写onfocus此事件与PHP
- 23. 未在文本框上触发GWT onFocus事件
- 24. html <select>事件处理程序onfocus
- 25. 运行Javascript onFocus - 更改DIV html文本
- 26. Javascript onFocus。然后onClick里面的函数
- 27. Onblur,Onfocus JavaScript的TextMode =“MultiLine”不工作
- 28. 的onfocus的onblur问题的JavaScript
- 29. 的Javascript的onfocus不是在Safari
- 30. onfocus =“this.blur();”问题