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