怎样使用JS实现验证输入数字及保留小数功能
- php中世界最好的语言原创
- 2018-05-30 15:13:421657浏览
这次给大家带来怎样使用JS实现验证输入数字及保留小数功能，使用JS实现验证输入数字及保留小数功能的注意事项有哪些，下面就是实战案例，一起来看一下。
1、验证方法 validationNumber(e, num) e代表标签对象，num代表保留小数位数
function validationNumber(e, num) {
var regu = /^[0-9]+\.?[0-9]*$/;
if (e.value != "") {
if (!regu.test(e.value)) {
alert("请输入正确的数字");
e.value = e.value.substring(0, e.value.length - 1);
e.focus();
} else {
if (num == 0) {
if (e.value.indexOf('.') > -1) {
e.value = e.value.substring(0, e.value.length - 1);
e.focus();
}
}
if (e.value.indexOf('.') > -1) {
if (e.value.split('.')[1].length > num) {
e.value = e.value.substring(0, e.value.length - 1);
e.focus();
}
}
}
}
}
2、验证整数
<asp:TextBox ID="txtNg" name="txtNg" runat="server" Height="16px" Width="98px" Font-Size="9pt" CssClass="EditTextBox" onpropertychange="validationNumber(this,0)"></asp:TextBox>
3、保留一位小数
<asp:TextBox ID="txtChglinecost" name="txtChglinecost" runat="server" Height="16px" Width="98px" Font-Size="9pt" CssClass="EditTextBox" onpropertychange="validationNumber(this,1)"></asp:TextBox>
4、保留两位小数
<asp:TextBox ID="txtStdyr" name="txtStdyr" runat="server" Height="16px" Width="98px" Font-Size="9pt" CssClass="EditTextBox" onpropertychange="validationNumber(this,2)"></asp:TextBox>
5、保留三位小数
只需要把 validationNumber(this,3) 方法中的第二个参数改为3即可。
保留四位小数、保留五位小数，以此类推...
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
以上是怎样使用JS实现验证输入数字及保留小数功能的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn