在javascript验证表单、文本域、整数小数的方式多种多样。今天我也写了一个验证小数的解决方案,不需要用户点击什么按钮或是失去焦点后。给予用户反感的alert警告提示。这里不能输入的是不容许出现在文本框中的。就这样也不需要经常alert来提示用户输入错误。此验证方法很简单,但设计也很巧妙。使用的是我们常用split、array、substring等方法函数设计而成; <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>小数验证</title> <script> String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, "gm"), s2); //g全局、m多行 } String.prototype.replaceAll2Excep = function(s1, s2) { var temp = this; while (temp.indexOf(s1) != -1) { temp = temp.replace(s1, s2); } return temp; } /*** * 次验证方法很简单,但设计也很巧妙。使用的是我们常用split、array、substring等 * @author hoojo * @param o 验证的对象,即当前文本域 * @param precision 精确多少位小数 * @version 3.1 **/ function checkFloat(o, precision) { var val = o.value;//验证小数 if (parseFloat(val) != val) { var ar = val.split(''); for(var i = 0; i < ar.length; i++) { var charCode = ar[i].charCodeAt(0); if (charCode > 57 || charCode < 46 || charCode == 47) { //o.value = val.replaceAll(ar[i], '');这个replaeAll里面用的正则,/*+是特殊字符,所以才不能替换的 o.value = val.replaceAll2Excep(ar[i], ''); } } } var ary = o.value.split('.'); if (ary.length >= 2) { if (ary[0] == "") { ary[0] = 0; } var temp = ary[1]; if (ary[1].length > precision) { ary[1] = ary[1].substring(0, precision); } o.value = ary[0] + "." + ary[1]; if (0 == precision) { o.value = ary[0]; } } else { var vals = o.value; if (vals != "" && !isNaN(vals)) { o.value = parseInt(vals); } } } </script> </head> <body> <input type=text value="" οnkeyup="checkFloat(this, 1)" maxlength="9"/> </body> </html>
JavaScript js 不用正则验证小数完美方法
最新推荐文章于 2024-09-09 09:35:48 发布