最近项目中遇到一个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:  
<input type="text" id="East-West" name="EastWest" style='width:80px' onBlur="checkNumber('East-West')">
</td>
</tr>
分享到:
相关推荐
本文将详细解析一种使用JavaScript(简称JS)的方法来实现这一需求,特别适用于JavaServer Pages (JSP) 环境中的表单输入控制。 #### 关键知识点 1. **HTML Input 元素与事件处理** - 使用`<input>`标签创建一个...
- 匹配正负小数的正则表达式为 `^-?/d+/./d+$`。同样在正小数的基础上增加了 `?`,使得负号 `-` 成为可选。 7. **实数验证**: - 实数可以是整数或小数,因此正则表达式为 `^-?/d+(/./d+)?$`。这里 `(/./d+)?` 是...
在Vue项目中,限制用户输入框仅能输入正负数及小数是前端开发中常见的需求,尤其是在财务、科学计算等应用场景。这样的需求可以通过Vue组件的事件监听和数据校验来实现。文章中提到的方法是利用Vue的指令和事件处理...
- 使用 `isNaN()` 函数判断处理后的字符串是否为有效的数字字符串,如果不是,则将其设为 `"0"`。 - 接下来确定数字的正负号,并使用 `Math.abs()` 获取绝对值。 2. **小数部分处理**: - 通过乘以 `100` 并加上...
可以使用`getFullYear()`获取当前年份,结合条件语句进行判断。 总结:JavaScript的基础知识涵盖了变量声明、数据类型、运算符、逻辑表达式、字符串处理以及控制流程。通过这些知识点,开发者可以编写复杂的前端...
但在排序或某些逻辑判断中可能需要区分,可以用`1 / num`来检查零的正负: ```javascript function isNegativeZero(num) { return num === 0 && 1 / num ; } console.log(isNegativeZero(-0)); // 输出:true ```...
为了确保数据的准确性和安全性,开发者通常需要对表单提交的数据进行一系列的判断和验证。JavaScript作为一种客户端脚本语言,是实现这些功能的理想选择。本文将详细探讨一些常用的JavaScript函数,用于表单提交时的...
本示例将重点介绍如何利用JavaScript(简称JS)来判断文本框中的值,确保用户只能输入数字和小数点。 首先,我们来看第一个示例。它使用了onkeyup事件和onafterpaste事件来限制文本框只能输入数字。代码如下: ```...
这些表达式用于验证各种形式的数字,包括整数和小数,以及正负号的情况。 #### 17. 字母验证 ```javascript ^[A-Za-z]+$|^[A-Z]+$|^[a-z]+$ ``` 这些表达式分别用于验证只包含大写字母、小写字母或大小写字母的字符...
在JavaScript中取得变量绝对值的方法,实质上是利用了Math对象提供的abs()函数。这是一个基础且非常实用的函数,尤其在处理数值运算时,绝对值的使用十分广泛。 首先,我们需要了解什么是绝对值。在数学中,一个数...
计算结果的溢出、除以0、对负数进行开方这些操作都是合法的,其结果为JavaScript中的特殊值:正负Infinity(无限)、正负0、NaN(非数): 1.正负Infinity。当计算结果比JavaScript所能表示的最大数(Number.MAX_VALUE)...
- 通过正则表达式和条件判断,确保输入只包含有效的数字格式,包括正负号、小数点等。 - **应用场景**:适用于需要对数字输入进行严格格式控制的场合,如金额输入框。 ##### 4. 限制所有数字输入 ```html (/[d]/g...
本篇文章将深入探讨“前端面试题之baseJS-floatpoint”这一主题,主要聚焦于JavaScript中的浮点数处理及其相关的面试知识点。 首先,我们要明白JavaScript中的数值类型主要分为两种:整数和浮点数。浮点数(Float ...
在这篇文章中,我们将深入探讨几个关于JS的关键知识点,包括从`<select>`获取`<option>`的值、比较两值大小、限制`textarea`输入字符长度、判断数字类型以及`replace`方法的使用。 1. **从中获取的值** 要获取`...
在Python中,还可以使用位操作来判断正负,如 `a >> 31` 或 `a & 0x80000000`(对于32位整数),但这通常在特定场景下使用,比如处理二进制数据,而非日常编程。 此外,提及到了JavaScript中的相关方法,虽然与...
JavaScript正则表达式验证是前端开发中不可或缺的一部分,主要用于用户输入数据的合法性检查。这个"js正则验证规则大全"提供了多种常见的验证规则,包括必填、邮箱、电话、手机号码、网址、身份证号、货币、数字、...
在给定的文件中,我们看到了一个关于如何使用JavaScript来判断指定字符串是否为有效数字的方法。这个方法从简单到复杂涵盖了整数、浮点数以及对数字字符串的基本处理。 首先,我们来看`BASEisNotNum`函数,该函数...
这个正则表达式可以匹配大多数的数字格式,包括正负号、整数和小数。 4. **构造函数**: - `new Number(variable) instanceof Number` 或 - `Number(variable) === +variable` 这两种方法都是通过尝试将变量...