`

用js进行正负小数及范围判断

 
阅读更多

最近项目中遇到一个js判断:允许输入正负数、小数,并且输入值有范围限制,而且相互之间有大小比较。

 

function checkNumber(id){
  var eValue = document.getElementById(id).value;
  //alert(value);
					
  if (/^(\+|-)?\d+($|\.\d+$)/.test(eValue)){//数字判断
    if(id == 'West' || id == 'East'){
      //alert(value);
      if((-180 <= eValue) && (eValue <= 180)){//范围判断
        return true;
      }else{
        alert("The west/east coordinate should be in -180 to 180");
        document.getElementById(id).value="";
        document.getElementById(id).focus();
        return false;
      }
    }else if(id == 'North' || id == 'South'){
        //alert(value);					 
        if((-90 <= eValue) && (eValue <= 90)){
          return true;
        }else{
          alert("The north/south coordinate should be in -90 to 90");
          document.getElementById(id).value="";
          document.getElementById(id).focus();
          return false;
        }
      }
    }else {
      if(document.getElementById(id).value != ""){
        alert(id +" Numbers only!");
        document.getElementById(id).value="";
        return false;
    }
  }
}


<tr>
  <td class="TDstyle01" align="center">North-South:
  <input type="text" id="North-South" name="NorthSouth" style='width:80px' onBlur="checkNumber('North-South')" >
  </td>
</tr>

<tr>
<td class="TDstyle01" align="left">East-West:&nbsp;&nbsp
<input type="text" id="East-West" name="EastWest" style='width:80px' onBlur="checkNumber('East-West')">
</td>
</tr>

 

分享到:
评论

相关推荐

    js完美解决jsp文本框限制只能输入数字、小数问题

    本文将详细解析一种使用JavaScript(简称JS)的方法来实现这一需求,特别适用于JavaServer Pages (JSP) 环境中的表单输入控制。 #### 关键知识点 1. **HTML Input 元素与事件处理** - 使用`&lt;input&gt;`标签创建一个...

    最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式

    - 匹配正负小数的正则表达式为 `^-?/d+/./d+$`。同样在正小数的基础上增加了 `?`,使得负号 `-` 成为可选。 7. **实数验证**: - 实数可以是整数或小数,因此正则表达式为 `^-?/d+(/./d+)?$`。这里 `(/./d+)?` 是...

    javascript数字格式化为货币字符,数字格式化为大写货币

    - 使用 `isNaN()` 函数判断处理后的字符串是否为有效的数字字符串,如果不是,则将其设为 `"0"`。 - 接下来确定数字的正负号,并使用 `Math.abs()` 获取绝对值。 2. **小数部分处理**: - 通过乘以 `100` 并加上...

    vue如何限制只能输入正负数及小数

    在Vue项目中,限制用户输入框仅能输入正负数及小数是前端开发中常见的需求,尤其是在财务、科学计算等应用场景。这样的需求可以通过Vue组件的事件监听和数据校验来实现。文章中提到的方法是利用Vue的指令和事件处理...

    JavaScript习题带答案.pdf

    可以使用`getFullYear()`获取当前年份,结合条件语句进行判断。 总结:JavaScript的基础知识涵盖了变量声明、数据类型、运算符、逻辑表达式、字符串处理以及控制流程。通过这些知识点,开发者可以编写复杂的前端...

    Javascript获取界面数字做比较常见问题

    但在排序或某些逻辑判断中可能需要区分,可以用`1 / num`来检查零的正负: ```javascript function isNegativeZero(num) { return num === 0 && 1 / num ; } console.log(isNegativeZero(-0)); // 输出:true ```...

    常用的表单提交判断函数

    为了确保数据的准确性和安全性,开发者通常需要对表单提交的数据进行一系列的判断和验证。JavaScript作为一种客户端脚本语言,是实现这些功能的理想选择。本文将详细探讨一些常用的JavaScript函数,用于表单提交时的...

    JS对文本框值的判断示例

    本示例将重点介绍如何利用JavaScript(简称JS)来判断文本框中的值,确保用户只能输入数字和小数点。 首先,我们来看第一个示例。它使用了onkeyup事件和onafterpaste事件来限制文本框只能输入数字。代码如下: ```...

    常用js正则表达式验证

    这些表达式用于验证各种形式的数字,包括整数和小数,以及正负号的情况。 #### 17. 字母验证 ```javascript ^[A-Za-z]+$|^[A-Z]+$|^[a-z]+$ ``` 这些表达式分别用于验证只包含大写字母、小写字母或大小写字母的字符...

    js中取得变量绝对值的方法

    在JavaScript中取得变量绝对值的方法,实质上是利用了Math对象提供的abs()函数。这是一个基础且非常实用的函数,尤其在处理数值运算时,绝对值的使用十分广泛。 首先,我们需要了解什么是绝对值。在数学中,一个数...

    JavaScript中的数学运算介绍

    计算结果的溢出、除以0、对负数进行开方这些操作都是合法的,其结果为JavaScript中的特殊值:正负Infinity(无限)、正负0、NaN(非数): 1.正负Infinity。当计算结果比JavaScript所能表示的最大数(Number.MAX_VALUE)...

    javascript 表单输入内容限制

    - 通过正则表达式和条件判断,确保输入只包含有效的数字格式,包括正负号、小数点等。 - **应用场景**:适用于需要对数字输入进行严格格式控制的场合,如金额输入框。 ##### 4. 限制所有数字输入 ```html (/[d]/g...

    前端面试题之baseJS-floatpoint.zip

    本篇文章将深入探讨“前端面试题之baseJS-floatpoint”这一主题,主要聚焦于JavaScript中的浮点数处理及其相关的面试知识点。 首先,我们要明白JavaScript中的数值类型主要分为两种:整数和浮点数。浮点数(Float ...

    js的部分总结

    在这篇文章中,我们将深入探讨几个关于JS的关键知识点,包括从`&lt;select&gt;`获取`&lt;option&gt;`的值、比较两值大小、限制`textarea`输入字符长度、判断数字类型以及`replace`方法的使用。 1. **从中获取的值** 要获取`...

    python判断正负数方式

    在Python中,还可以使用位操作来判断正负,如 `a &gt;&gt; 31` 或 `a & 0x80000000`(对于32位整数),但这通常在特定场景下使用,比如处理二进制数据,而非日常编程。 此外,提及到了JavaScript中的相关方法,虽然与...

    js正则验证资源下载

    JavaScript正则表达式验证是前端开发中不可或缺的一部分,主要用于用户输入数据的合法性检查。这个"js正则验证规则大全"提供了多种常见的验证规则,包括必填、邮箱、电话、手机号码、网址、身份证号、货币、数字、...

    常用JS验证函数总结.doc

    根据提供的文档信息,本文将对其中提及的JavaScript(简称JS)表单验证函数进行详细的解析与说明,并结合实际应用场景给出具体示例。 ### 数字验证 #### 1. `checkNum` - 检查字符串是否全部为数字 **功能说明**...

    JavaScript 判断指定字符串是否为有效数字

    在给定的文件中,我们看到了一个关于如何使用JavaScript来判断指定字符串是否为有效数字的方法。这个方法从简单到复杂涵盖了整数、浮点数以及对数字字符串的基本处理。 首先,我们来看`BASEisNotNum`函数,该函数...

    check number js

    这个正则表达式可以匹配大多数的数字格式,包括正负号、整数和小数。 4. **构造函数**: - `new Number(variable) instanceof Number` 或 - `Number(variable) === +variable` 这两种方法都是通过尝试将变量...

Global site tag (gtag.js) - Google Analytics