1.text文本框接受输入的值,输入的值要符合如下规则:
(1).没有小数点的正整数,可以加字符"元":
正则表达式为 ^[1-9]+[元]?$。
(2).带有小数点的正浮点数,小数点后最多2位可以加字符"元":
正则表达式为^[1-9]+[\.][0-9]{1,2}[元]?$
(3).小于1的带有小数点的正浮点数,同样小数点后最多2位可以加字符"元":
正则表达式为^[0][\.][0-9]{1,2}[元]?$
(4).表示0元:
正则表达式为^[0][元]?$
示例代码:
<script>
function isMoneys(s){
//在匹配123XXX时,匹配123,不去验证后面的字符。
// var regu = "(^[1-9]+|[0][\.][0-9]{1,2}[元]?$)|(^[1-9]+|[0][元]?$)";
//为了解决上面的问题,在正则开头加了括号这样就不会放过123xxx了。
//但匹配123.12时,正则(^([1-9]+|[0])[元]?$)会匹配123.
//var regu = "(^([1-9]+|[0])[\.][0-9]{1,2}[元]?$)|(^([1-9]+|[0])[元]?$)";
//为了在匹配123.12时,避免正则(^([1-9]+|[0])[元]?$)会匹配123,所以把去掉了括号()中的竖线,把正则分开写。
var regu = "(^[1-9]+[\.][0-9]{1,2}[元]?$)|(^[0-9]+[元]?$)|(^[0][元]$)|(^[0][\.][0-9]{1,2}[元]?$)";
var re = new RegExp(regu);
alert(re.exec(s));
if (re.test(s)) {
return true;
} else {
alert("付款金额输入有误!");
return false;
}
}
</script>
<table>
<tr>
<td class="tbtd">付款金额(元)<span style="color: red;">*</span></td>
<td colspan="3">
<input type="text" onblur="isMoneys(this.value)" name="JD_SQD_FK_DETAIL/FK_JE" id="JD_SQD_FK_DETAIL/FK_JE" size="80" style="border:solid 1 blue;font-size:15px;"/> </td>
</tr>
</table>
总结:在js验证表达式中竖线|用的地方很多,竖线表示二选一。大括号{}表示连续次数,但是{0,1,2}会出现错误。因为{0}表示不出现,其中大括号失去了意义。
分享到:
相关推荐
为了验证输入是否只包含字母、数字或下划线,我们可以使用如下的正则表达式和逻辑: ```javascript function check_validate2(value) { // 正则表达式匹配字母、数字或下划线 var reg = /^\w+$/; if (value....
在 JavaScript 中,我们可以使用正则表达式来验证输入值是否为数字。在示例代码中,我们定义了一个名为 `check_validate1` 的函数,该函数使用正则表达式 ` /^\d+$/` 来验证输入值是否为数字。 ```javascript ...
在JavaScript(JS)中,正则表达式是一种强大的工具,用于匹配、查找、替换和验证字符串中的模式。本文将深入探讨如何使用正则表达式来限制用户在HTML文本框中只能输入数字和字母。 首先,我们需要理解正则表达式的...
JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具。在网页表单设计中,实时动态验证能够极大地提升用户体验,因为它允许用户在输入时立即得到反馈,了解其填写的信息是否符合要求,无需等待...
根据题目提供的信息,我们需要实现一个功能:验证用户输入的文本框中的值是否为长度为6位的纯数字。具体来说,该功能包括以下两个验证步骤: 1. **长度验证**:确保输入字符串的长度正好为6个字符。 2. **数字验证*...
在给定的代码片段中,我们可以看到一个简单的JavaScript函数`fg()`用于验证两个密码输入框的值是否一致。下面是对关键代码部分的详细解析: ```javascript function fg() { var pass1 = document.getElementById(...
例如,`isNaN()`函数用于检查一个值是否为非数字,`length`属性用于获取字符串长度,`trim()`用于去除字符串两端的空白字符。通过这些基础功能,我们可以简单地验证用户输入是否为空,或者长度是否符合规定。 更...
### 验证文本框只能输入数字和小数点的知识点详解 #### 一、背景介绍 在Web开发中,为了确保用户输入的数据符合预期格式,经常需要对输入的数据进行校验。例如,在处理金额或重量等数值时,我们通常希望用户只能...
本话题将详细介绍如何使用JavaScript实现一个功能,即验证用户只能输入数字,并且这个验证方法要兼容Internet Explorer(IE)和Firefox这两个主流浏览器。 首先,我们需要理解JavaScript的基本语法,特别是在处理...
为了限制用户只能输入数字,我们可以通过添加`pattern`属性来设置正则表达式,或者通过JavaScript事件监听器来实时验证输入。 1. 使用`pattern`属性: HTML5引入了`pattern`属性,它允许我们为输入字段指定一个...
这个DEMO示例是关于如何使用JavaScript来验证输入数据的范围,这通常涉及到数字、日期或其他类型数据的限制。下面我们将深入探讨这个主题。 首先,我们来理解"数据范围验证"的概念。在Web表单中,我们可能需要限制...
JavaScript的全局函数`isNaN()`(Not-a-Number)常用来判断一个值是否是非数字。但是需要注意,这个函数会尝试将参数转换成数字,如果转换失败,它会返回`true`,即使参数是一个空字符串。所以,`isNaN("")`的结果...
6. **表单元素的属性**:利用`element.value`获取输入值,`element.type`检查输入类型,`element.checkValidity()`检查表单是否有效,`element.setCustomValidity(message)`自定义错误消息。 7. **HTML5内置验证**...
JS验证代码大全是汇集了多种JavaScript验证技术的资源集合,可以帮助开发者在创建网页表单、验证用户输入等方面提供有效的解决方案。 一、表单验证基础 在网页开发中,表单验证是非常重要的一环,它能够确保用户...
[0-9]*$/来验证输入值是否为数字,这个正则表达式的意思是匹配一个或多个数字开头(可选地跟一个小数点和零个或多个数字)的字符串,确保它是一个合法的数字格式。如果输入不符合数字的格式,将弹出提示框,并且去除...
本文将深入探讨如何使用JavaScript来验证表单中的值是否发生改变,以便在用户提交表单前进行必要的数据校验。 首先,我们需要理解表单(`<form>`)元素在HTML中的作用。表单用于收集用户输入的数据,通常包含各种...
在JavaScript开发过程中,对用户输入的数据进行验证是非常重要的一步,它可以有效防止非法数据的提交,保障系统的稳定性和安全性。本文将详细介绍如何利用JavaScript实现不同类型的输入验证,包括仅允许输入汉字、...
1. 验证基本类型:JS提供了多种内置函数来验证基本数据类型,如`isNaN()`用于检测是否为数字,`trim()`用于去除字符串两端的空白字符。 2. 自定义验证规则:通过编写自定义函数,可以实现复杂验证,例如邮箱、电话...
以上就是关于"JavaScript验证非法字符输入"的相关知识点,包括使用正则表达式进行验证、前端与后端的配合、以及无刷新效果的实现。理解并熟练运用这些技巧,能帮助开发者创建更加安全、用户体验良好的Web应用程序。
此段代码使用`onblur`事件监听器,当文本框失去焦点时,会检查输入值是否为空(包括空白字符)。`trim()`方法用于移除字符串两端的空白字符,确保即使用户仅输入了空格,也能被正确检测为“空”。 #### 2. 验证输入...