开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Jquery验证:浮点数字段，带正/负，带6位2位小数

JQuery验证是一种基于JQuery库的前端验证插件，用于验证用户输入的数据是否符合特定的规则。对于浮点数字段，带正/负，带6位2位小数的验证，可以使用JQuery的验证插件来实现。

首先，需要在HTML页面中引入JQuery库和JQuery验证插件的相关文件。可以通过以下CDN链接引入：

<script src="https://cdn.jsdelivr.net/npm/jquery"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

接下来，在需要进行验证的输入字段上添加相应的HTML标记和属性。对于浮点数字段，可以使用<input>标签，并添加type="text"属性。同时，可以使用pattern属性来指定正则表达式，以限制输入的格式。对于带正/负的浮点数，可以使用pattern="^-?\d+(\.\d{1,2})?$"，其中^表示字符串的开始，-?表示可选的负号，\d+表示一位或多位数字，\.\d{1,2}表示小数点后一到两位数字，$表示字符串的结束。

<input type="text" pattern="^-?\d+(\.\d{1,2})?$" id="floatInput" name="floatInput">

然后，在JavaScript代码中使用JQuery验证插件来初始化验证规则，并进行验证。可以使用validate()方法来初始化验证规则，使用rules属性来指定验证规则，使用messages属性来指定验证失败时的提示信息。

$(document).ready(function() {
  $("#floatInput").validate({
    rules: {
      floatInput: {
        pattern: /^-?\d+(\.\d{1,2})?$/
      }
    },
    messages: {
      floatInput: {
        pattern: "请输入正确的浮点数，最多保留两位小数"
      }
    }
  });
});

最后，可以根据验证结果进行相应的处理。可以使用valid()方法来判断验证是否通过，使用errorPlacement属性来自定义错误提示的位置。

$(document).ready(function() {
  $("#floatInput").validate({
    rules: {
      floatInput: {
        pattern: /^-?\d+(\.\d{1,2})?$/
      }
    },
    messages: {
      floatInput: {
        pattern: "请输入正确的浮点数，最多保留两位小数"
      }
    },
    errorPlacement: function(error, element) {
      error.appendTo(element.parent());
    },
    submitHandler: function(form) {
      // 验证通过，可以进行提交操作
      form.submit();
    }
  });
});

以上是使用JQuery验证插件实现浮点数字段，带正/负，带6位2位小数的验证的方法。在腾讯云的产品中，可以使用腾讯云的云函数（SCF）来实现后端的验证逻辑，使用腾讯云的云数据库（TencentDB）来存储验证规则和验证结果。具体的产品介绍和相关链接如下：

腾讯云函数（SCF）：腾讯云的无服务器计算服务，可以用于处理后端的验证逻辑。了解更多信息，请访问腾讯云函数（SCF）产品介绍。
腾讯云数据库（TencentDB）：腾讯云的云数据库服务，可以用于存储验证规则和验证结果。了解更多信息，请访问腾讯云数据库（TencentDB）产品介绍。

请注意，以上答案仅供参考，具体的实现方法和产品选择应根据实际需求和情况进行决策。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

封装jQuery Validate扩展验证

$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?...$ 9 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 10 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?...|0$ 或 ^((-\d+)|(0+))$ 15 非负浮点数：^\d+(\....\.0+|0$ 17 正浮点数：^[1-9]\d*\.\d*|0\....[1-9][0-9]*)$ 19 4.这表示一个0或者一个可能为负的开头不为0的数字.让用户以0开头好了.把负号的也去掉,因为钱总不能是负的吧.下面我们要加的是说明可能的小数部分：^[0-9]+(

1.4K2 0

实用！前端必备常用正则表达式

编码常备之正则表达式一、校验数字的表达式 1，数字： 2，n 位的数字： 3，至少 n 位的数字： 4，m-n 位的数字： 5，零和非零开头的数字： 6，非零开头的最多带两位小数的数字...： 7，带1-2位小数的正数或负数： 8，正数、负数、和小数： 9，有两位小数的正实数： 10，有1~3位小数的正实数： 11，非零的正整数： 12，非零的负整数： 13，非负整数...： 14，非正整数： 15，非负浮点数： 16，非正浮点数： 17，正浮点数： 18，负浮点数： 19，浮点数：二、校验字符的表达式 1, 汉字： 2, 英文和数字：

4202 0

微信小程序正则表达式

d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9])$ 验证有两位小数的正实数：2+(.[0-9]{2})?...$ 验证有1-3位小数的正实数：3+(.[0-9]{1,3})?$ 验证非零的正整数：^+?...\d+$ 非负浮点数（正浮点数 + 0）：^\d+(.\d+)?...$ 正浮点数 ^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$ 非正浮点数（负浮点数 + 0） ^((-\d...$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(\.[0-9]{2})?

8482 0

NET中验证控件表达式汇总

$为例描述匹配n位小数的正实数匹配的例子 2.22 不匹配的例子 2.222,-2.22,http://blog.csdn.net/21aspnet 只能输入m-n位小数的正实数表达式 ^[0-...9]d*$　　 //匹配正浮点数 ^-([1-9]d*.d*|0.d*[1-9]d*)$　 //匹配负浮点数 ^-?...0+|0$　　 //匹配非负浮点数（正浮点数 + 0） ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?....0+|0$　　//匹配非正浮点数（负浮点数 + 0）评注：处理大量数据时有用，具体应用时注意修正匹配特定字符串： ^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串 ^[A-Z]+$　　...$” 只能输入有1-3位小数的正实数：“^[0-9]+(.[0-9]{1,3})?$” 只能输入非零的正整数：“^+?

1.1K10 0

正则表达式语法实例详解

校验数字的表达式数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字...$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(\.[0-9]{2})?...$ 有1~3位小数的正实数：^[0-9]+(\.[0-9]{1,3})?$ 非零的正整数：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?...-\d+)|(0+))$ 非负浮点数：^\d+(\....\.0+|0$ 正浮点数：^[1-9]\d*\.\d*|0\.

6342 0

最全的常用正则表达式

$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?...$" //非负浮点数（正浮点数 + 0） "^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))...$" //非正浮点数（负浮点数 + 0） "^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*...$" //非负浮点数（正浮点数 + 0） "^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))...$" //非正浮点数（负浮点数 + 0） "^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*

5.7K1 1

常用正则表达式

9]d*$　　 //匹配正浮点数 ^-([1-9]d*.d*|0.d*[1-9]d*)$　 //匹配负浮点数 ^-?...0+|0$　　 //匹配非负浮点数（正浮点数 + 0） ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?....0+|0$　　//匹配非正浮点数（负浮点数 + 0）评注：处理大量数据时有用，具体应用时注意修正匹配特定字符串： ^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串 ^[A-Z]+$　　...$ 7 带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})?$ 8 正数、负数、和小数：^(-|+)?\d+(.\d+)?...$ 9 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 10 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?

1.3K3 0

正则表达式总结

负整数 : ^-[0-9]*[1-9][0-9]*$ 6.整数: ^-?/d+$ 7.非负浮点数（正浮点数 + 0）: ^/d+(/./d+)?...非正浮点数（负浮点数 + 0）: ^((-/d+(/./d+)?)|(0+(/.0+)?))...$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?...$ 9 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 10 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?...\.0+|0$ 17 正浮点数：^[1-9]\d*\.\d*|0\.

8572 0

js正则表达式校验金额-js正则表达式简单校验方法

n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|1-9)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?...$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+?...\d+$非负浮点数（正浮点数+0）：^\d+(\.\d+)?...$正浮点数^(([0-9]+.[0-9]1-9)|([0-9]1-9.[0-9]+)|([0-9]1-9))$非正浮点数（负浮点数+0）^((-\d+(\.\d+)?)|(0+(\.0+)?))...$负浮点数^(-(([0-9]+.[0-9]1-9)|([0-9]1-9.[0-9]+)|([0-9]1-9)))$浮点数^(-?\d+)(\.\d+)?

9K2 0

HTML5 pattern属性

2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字...$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?...$ 9 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 10 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?...|0$ 或 ^((-\d+)|(0+))$ 15 非负浮点数：^\d+(\....\.0+|0$ 17 正浮点数：^[1-9]\d*\.\d*|0\.

6782 0

Js中常用正则表达式

$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?...$ 9 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?...\d*[1-9]\d*$　　 //匹配正浮点数 ^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$　 //匹配负浮点数 ^-?([1-9]\d*\.\d*|0\....\.0+|0)$　 //匹配浮点数 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$　　 //匹配非负浮点数（正浮点数 + 0） ^(-([1-9]\d*\....\.0+|0$　　//匹配非正浮点数（负浮点数 + 0）评注：处理大量数据时有用，具体应用时注意修正匹配特定字符串： ^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串 ^[A-Z]+$

3.5K0 0

关于常用的正则表达式的分享

$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(\.[0-9]{2})?...$ 有1~3位小数的正实数：^[0-9]+(\.[0-9]{1,3})?$ 非零的正整数：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?...-\d+)|(0+))$ 非负浮点数：^\d+(\....\.0+|0$ 非正浮点数：^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?...\.0+|0$ 正浮点数：^[1-9]\d*\.\d*|0\.

1.1K3 0

常用正则表达式公式总结

^[0-9]*$ n位的数字： ^d{n}$ 至少n位的数字： ^d{n,}$ m-n位的数字： ^d{m,n}$ 零和非零开头的数字： ^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字...$ 带1-2位小数的正数或负数： ^(-)?d+(.d{1,2})$ 正数、负数、和小数： ^(-|+)?d+(.d+)?$ 有两位小数的正实数： ^[0-9]+(.[0-9]{2})?...$ 有1~3位小数的正实数： ^[0-9]+(.[0-9]{1,3})?$ 非零的正整数： ^[1-9]d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^+?...(-d+)|(0+))$ 非负浮点数： ^d+(.d+)?...0+|0$ 非正浮点数： ^((-d+(.d+)?)|(0+(.0+)?))$ 或 ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.

6572 0

收藏一波：常用正则表达式公式总结

9]\*$ n位的数字： ^\d{n}$ 至少n位的数字： ^\d{n,}$ m-n位的数字： ^\d{m,n}$ 零和非零开头的数字： ^(0|[1-9][0-9]\*)$ 非零开头的最多带两位小数的数字...$ 带1-2位小数的正数或负数： ^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数： ^(\-|\+)?\d+(\.\d+)?...$ 有两位小数的正实数： ^[0-9]+(\.[0-9]{2})?$ 有1~3位小数的正实数： ^[0-9]+(\.[0-9]{1,3})?...\*|0$ 或 ^((-\d+)|(0+))$ 非负浮点数： ^\d+(\....\.0+|0$ 正浮点数： ^[1-9]\d\*\.\d\*|0\.

6704 0

JavaScript之常用的正则表达式

校验数字数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字...$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(.[0-9]{2})?...$ 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$ 非零的正整数：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?...-\d+)|(0+))$ 非负浮点数：^\d+(\....\.0+|0$ 正浮点数：^[1-9]\d*\.\d*|0\.

5956 0

正则表达式清洗文本数据

校验数字数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字...$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(\.[0-9]{2})?...$ 有1~3位小数的正实数：^[0-9]+(\.[0-9]{1,3})?$ 非零的正整数：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?...-\d+)|(0+))$ 非负浮点数：^\d+(\....\.0+|0$ 正浮点数：^[1-9]\d*\.\d*|0\.

4601 0

【建议收藏】常用正则表达式公式总结

n位的数字： ^\d{n}$ 至少n位的数字： ^\d{n,}$ m-n位的数字： ^\d{m,n}$ 零和非零开头的数字： ^(0|[1-9][0-9]\*)$ 非零开头的最多带两位小数的数字...$ 带1-2位小数的正数或负数： ^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数： ^(\-|\+)?\d+(\.\d+)?...$ 有两位小数的正实数： ^[0-9]+(\.[0-9]{2})?$ 有1~3位小数的正实数： ^[0-9]+(\.[0-9]{1,3})?...]\d\*|0$ 或 ^((-\d+)|(0+))$ 非负浮点数： ^\d+(\....\.0+|0$ 正浮点数： ^[1-9]\d\*\.\d\*|0\.

1K2 0

正则表达式至少6位-字母,数字,下划线或者数字的正则表达式

数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|1-9*)$ 非零开头的最多带两位小数的数字...$ 带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})?$ 正数、负数、和小数：^(-|+)?\d+(.\d+)?...$ 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?.../d+$ 7.非负浮点数（正浮点数 + 0）: ^/d+(/./d+)?...非正浮点数（负浮点数 + 0）: ^((-/d+(/./d+)?)|(0+(/.0+)?))

3.1K2 0

c++正则表达式使用和汇总（附一套c++资料自行下载）

{n}$ 2 、数字：^[0-9]*$ 3、 m-n位的数字：^d{m,n}$ 4、至少n位的数字：^d{n,}$ 5、零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 、非零开头的最多带两位小数的数字...$ 7、带1-2位小数的正数或负数：^(-)?d+(.d{1,2})?$ 8 、正数、负数、和小数：^(-|+)?d+(.d+)?$ 9 、有两位小数的正实数：^[0-9]+(.[0-9]{2})?...$ 10 、有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$ 11 、非零的正整数：^[1-9]d* 或 ^([1-9][0-9]*){1,3} 或 ^+?...15 、非负浮点数：^d+(.d+)?...0+|0 16 、非正浮点数：^((-d+(.d+)?)|(0+(.0+)?)) 或 ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.

1.5K3 0

浮点型变量(float和double)和BigDecimal的使用

1、浮点型变量(float和double) 带小数的变量在Java中称为浮点型，Java的浮点型有两种：float和double。 float类型代表单精度浮点数，占4个字节、32位。...当然也可以在一个浮点数后添加D或d后缀，强制指定double类型，但通常没必要。 Java还提供了三个特殊的浮点数值：正无穷大、负无穷大和非数，用于表示溢出和出错。...例如，使用一个正数除以0将得到正无穷大，使用负数除以0将得到负无穷大，0.0除以0.0或对一个负数开方将得到一个非数。...必须指出的是，所有的正无穷大数值都是相等的，所有的负无穷大数值都是相等的；而NaN不与任何数值相等，甚至和NaN都不相等。...注：只有浮点数除以0才可以得到正无穷大或负无穷大，如果一个整数除以0则会抛出一个异常：ArithmeticException:/by zero（除以0异常）。

3.2K3 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭