Javascript/Jquery:使用数字范围验证输入
Javascript/Jquery: validate input with a number range
我想验证预先配置的数字范围内的输入字段。只允许 1 到 24 之间的数字。
我该怎么办?
使用如下自定义解决方案:
$('.field').keypress(function(event) {
var val = parseInt($(this).val()) + HERE_I_SHOULD_SUM_THE_NEWLY_ADDED_DIGIT;
if(val < 1 || val > 24) event.preventDefault();
});
我能够检索当前输入值。如何添加新添加的数字?
这样的事情怎么样?
$("input").on("change", function() {
var val = Math.abs(parseInt(this.value, 10) || 1);
this.value = val > 25 ? 24 : val;
});
演示:http://jsfiddle.net/3jw4S/
现代浏览器中的输入有内置功能:
全面的概述可以在这里找到:http://www.the-art-of-web.com/html/html5-form-validation/
基本上,你可以写:
<input type="number" min="1" max="24" step="1" required>
使用模式,您可以定义要测试的正则表达式:
pattern="'d[0-3]"
例
JQuery 有一个插件可以帮助您进行验证,名为 Valid8:
http://unwrongest.com/projects/valid8/
您将需要使用正则表达式,例如:
^([1-9]|[1]?[1-9]?|[2][0-4]|10)$
function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x <1|| x >24)
{
alert("Value must be between 1 & 24");
return false;
}
}
类似的东西应该可以工作
试试这个
function validate() {
var x = parseInt(value,10) // its the value from the input box;
if(isNaN(x)||x<1||x>24)
{
alert("Value must be between 1 and 24");
return false;
}
}
相关文章:
- 需要将变量设置为特定的数字范围
- 用于验证数字范围的正则表达式
- Javascript/Jquery:使用数字范围验证输入
- 创建使用用户输入的数字范围生成的随机数.(JavaScript)
- 需要Javascript数学表达式或公式来将数字范围放在组中
- Javascript / jQuery - 将一个数字范围映射到另一个数字范围
- 始终在 3K 数字范围内选择不同的数字
- Javascript:在数字范围之间转换,保持正确的比例
- 如何在其他重叠的数字范围之间找到可用的数字范围
- 检查数字范围内没有重复项的数字范围的最有效方法
- 在javascript中选择数字范围的算法
- 输入-限制数字范围
- 6位base36数字范围的正则表达式
- 在数字范围内查找空白
- 纯javascript html 5文本类型数字范围验证
- 正则表达式,用于数字中有空格的数字范围
- HTML表单下拉菜单指定数字范围
- 使用循环javascript的数字范围
- 如何在jquery中使用切换大小写(数字范围)
- 构造正则表达式以匹配数字范围