`
cooperay
  • 浏览: 215660 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

用parseInt和parseFloat做数字输入验证

 
阅读更多

今天突然发现js的parseFloat和parseInt在解析字符串的时候是逐个字符解析的

具体情况如下:

parseInt("4aaa") 结果 4
parseInt("4.4") 结果4
parseInt("4.4aaa") 结果4
parseInt("") 结果NaN
parseInt("aaa") 结果 NaN

这样就可以直接判断parseInt结果如果不是NaN 就可以直接使用了。

if(parseInt("")){

    //不是NaN,也就是解析成功

}else{

       //是NaN,解析失败

}

 
为了输入框中没有非法字符可以将解析后的结果在赋值到输入框中。

最后使用 输入框的onblur事件来进行验证。

parseFloat 使用也是一样的

当然 这样在用户输入的时候可以随便输入,在离开光标的时候才进行验证得到系统需要的数据。
     局限性显而易见还有只能验证 int和float,对于其他特殊验证还得依靠我们强大的正则了

分享到:
评论

相关推荐

    javascript中的parseInt和parseFloat区别

    另外,对于用户输入的数据,应该始终做好错误处理和验证,因为用户可能会输入非数字值,这时`parseInt`和`parseFloat`的行为可能会导致预期之外的结果。 总结起来,`parseInt`和`parseFloat`是JavaScript中处理字符...

    javascript数字验证脚本

    本话题将深入探讨如何使用JavaScript编写数字验证脚本,以及如何指定输入的整数位数和小数位数。 首先,我们需要理解JavaScript中的基本数据类型,其中`Number`类型用于表示数值。在进行数字验证时,我们通常会用到...

    Js验证输入数据范围

    这个DEMO示例是关于如何使用JavaScript来验证输入数据的范围,这通常涉及到数字、日期或其他类型数据的限制。下面我们将深入探讨这个主题。 首先,我们来理解"数据范围验证"的概念。在Web表单中,我们可能需要限制...

    经典js数据验证.rar

    3. **内置函数验证**:JavaScript的内置函数如isNaN()、isFinite()、parseInt()和parseFloat()可以帮助我们检查数值的正确性。例如,验证用户输入是否为非数字,可以使用isNaN()。 4. **自定义函数验证**:针对特定...

    常用javascript验证功能

    JavaScript提供了一些内建方法如`isNaN()`来判断一个值是否为数字,`parseInt()`和`parseFloat()`用于将字符串转换为数字。此外,正则表达式也是一个强大的工具,可以用来验证数字的格式,比如限制最多两位小数的...

    超强大的JS表单验证及使用-我佛山人

    1. `isNaN()`与`parseInt()`/`parseFloat()`: 检查输入是否为数字,以及转换为整数或浮点数。 2. `length`属性:获取字符串长度,如`input.value.length`,可用于限制输入长度。 3. 自定义正则表达式:根据需求...

    js验证累计资料~~

    JavaScript中的类型转换是个重要话题,包括`toString()`、`Number()`、`parseInt()`、`parseFloat()`等方法,用于将值转换为字符串、数字或其他类型。 这些文件覆盖了JS验证中的基础和常见场景,对于前端开发者来...

    JavaScript判断数字

    为了更准确地判断,我们可以结合`isNaN()`和`parseFloat()`或`parseInt()`: ```javascript let maybeNum = "123"; if (!isNaN(parseFloat(maybeNum))) { console.log("这是一个数字"); // 输出 "这是一个数字" } ...

    js 字符串转换数字.pdf

    在实际开发中,为了保证代码的可读性和避免潜在的错误,通常建议使用`parseInt()`、`parseFloat()`或明确的强制类型转换函数。对于复杂的转换需求,可能还需要结合其他验证和处理逻辑来确保数据的正确性。特别是处理...

    Javascript中的isNaN函数使用说明

    在使用parseInt和parseFloat函数进行字符串到数字的转换时,不能只依赖于isNaN的判断结果。如果转换过程中字符串中包含字母或者为空格,可能需要结合其他方法或逻辑来进行更全面的判断。在实际开发中,开发者应当...

    java 数字格式转换异常(NumberFornatException)

    2. **验证输入**:在转换之前,可以先对输入进行预检查,确保它符合数字格式。可以使用正则表达式或者`Character.isDigit()`函数来判断。 3. **使用`Optional`**:Java 8引入了`Optional`类,可以用来避免空指针...

    js页面表单验证语句

    在网页开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的格式和要求,从而提高用户体验并减少服务器端的错误处理。JavaScript 作为客户端脚本语言,常被用来实现页面上的实时表单验证。本文将详细...

    JS表单验证 JS校验代码 JS数据类型校验

    - 对于数字,可以使用`isNaN()`函数检查是否为非数字,或者用`parseInt()`或`parseFloat()`转换并判断结果。 - 对于布尔值,直接与`true`或`false`比较即可。 - 对于数组,使用`Array.isArray()`来确认。 二、...

    js数字校验

    JavaScript的`Number`对象提供了一些有用的方法,如`parseInt()`和`parseFloat()`,用于将字符串转换为数字;`toFixed()`用于保留小数位数;`isFinite()`和`isNaN()`(与全局函数不同,它们不会将非数字视为非数字...

    如何用JS判断两个数字的大小

    2. 使用`Number()`构造函数,这个方法与`parseInt()`和`parseFloat()`相似,可以处理字符串到数字的转换。 ```javascript var num1 = Number(document.form1.num1.value); var num2 = Number(document.form1.num2...

    js判断输入是否为数字的具体实例

    parseInt()和parseFloat()函数用于将字符串转换成整数和浮点数,如果转换失败,它们会返回NaN。这两个函数经常与isNaN()函数结合使用来判断字符串是否可以转换为有效数字。 知识点四:HTML中的表单验证 在HTML中,...

    JavaScript校验设计.zip

    3. **数值验证**:例如检查输入是否为整数、浮点数或者在特定范围内,可以使用isNaN()函数、parseInt()和parseFloat()进行转换,以及比较运算符来实现。 4. **正则表达式验证**:JavaScript支持正则表达式,可以...

    javascript将非数值转换为数值.docx

    在JavaScript中,有三种主要的方法可以实现这种转换:Number()、parseInt() 和 parseFloat()。 1. **Number() 函数**: Number() 函数可以将各种数据类型的值转换为数值。对于Boolean类型,true 被转换为 1,false...

    JS註冊驗證,日期驗證,Email驗證

    我们可以使用`isNaN()`函数判断是否为数字,`parseInt()`或`parseFloat()`转换非数字字符,然后用条件语句检查范围。 5. **实践应用**: 在实际项目中,这些验证通常会整合到表单提交事件中。当用户点击提交按钮时...

    javascript常用验证 常用操作方法(工具方法)

    在JavaScript编程中,验证和操作方法是不可或缺的部分,特别是在处理用户输入、数据处理以及前端交互时。本资源“javascript常用验证 常用操作方法(工具方法)”可能包含了一个名为`comm.js`的文件,这通常是一个通用...

Global site tag (gtag.js) - Google Analytics