验证多行文本框 [英] validation for multiline textbox
本文介绍了验证多行文本框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
多行文本框仅接受数字值.例如,多行文本框中不允许使用char.
解决方案
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript"> function blockNonNumbers(obj, e, allowDecimal, allowNegative) { var key; var isCtrl = false; var keychar; var reg; if(window.event) { key = e.keyCode; isCtrl = window.event.ctrlKey } else if(e.which) { key = e.which; isCtrl = e.ctrlKey; } if (isNaN(key)) return true; keychar = String.fromCharCode(key); // check for backspace or delete, or if Ctrl was pressed if (key == 8 || isCtrl) { return true; } reg = /\d/; var isFirstN = allowNegative ? keychar == ''-'' && obj.value.indexOf(''-'') == -1 : false; var isFirstD = allowDecimal ? keychar == ''.'' && obj.value.indexOf(''.'') == -1 : false; return isFirstN || isFirstD || reg.test(keychar); } </script> </head> <body> <input type="text" onkeypress="return blockNonNumbers(this, event, true, false);" /> </body> </html>
>
multiline text box accept numeric values only.eg.char not allowed in multiline textbox.
解决方案
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript"> function blockNonNumbers(obj, e, allowDecimal, allowNegative) { var key; var isCtrl = false; var keychar; var reg; if(window.event) { key = e.keyCode; isCtrl = window.event.ctrlKey } else if(e.which) { key = e.which; isCtrl = e.ctrlKey; } if (isNaN(key)) return true; keychar = String.fromCharCode(key); // check for backspace or delete, or if Ctrl was pressed if (key == 8 || isCtrl) { return true; } reg = /\d/; var isFirstN = allowNegative ? keychar == ''-'' && obj.value.indexOf(''-'') == -1 : false; var isFirstD = allowDecimal ? keychar == ''.'' && obj.value.indexOf(''.'') == -1 : false; return isFirstN || isFirstD || reg.test(keychar); } </script> </head> <body> <input type="text" onkeypress="return blockNonNumbers(this, event, true, false);" /> </body> </html>
这篇关于验证多行文本框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文