使用javascript进行HTML输入验证
使用javascript进行HTML输入验证
提问于 2016-08-10 14:42:42
我想验证一个html输入，这是在所有的平台上工作，如Chrome，I浏览器，火狐，浏览器和PC以及iOS和安卓操作系统。
我希望将输入限制为特定范围内的数字，例如(1到59)。此外，我还有另一个输入元素在相同的形式。我还想检查是否输入1< Input 2，否则会给出错误信息。请帮帮忙。
我尝试了以下两个选项，但并不是在所有平台上都有效：
<td align="center"><input id="SH1" name="sh1" type="number" min="1" max="59" align="center" /></td>
<td align="center"><input id="SM1" name="sm1" type="text" maxlength="2" onkeypress='return event.charCode >= 48 && event.charCode <= 57' /></td>Stack Overflow用户
发布于 2016-09-15 19:21:07
要与几乎所有浏览器兼容，请使用原生JavaScript。下面是您的需求的一个简单示例。
<script language="javascript">
function validate() {
var val1 = parseInt(document.getElementById('val1').value);
var val2 = parseInt(document.getElementById('val2').value);
minMaxRange(val1, val2);
comparison(val1, val2);
}
function minMaxRange(value1, value2) {
if (value1 < 1 || value2 < 1) {
alert("Minimum value should be 1");
}
if (value1 > 59 || value2 > 59) {
alert("Maximum value should be 59");
}
}
function comparison(value1, value2) {
if (value1 > value2) {
alert("Value2 should be greater than Value1");
}
}
</script>
<body>
<p><span>Value 1 : </span>
<input type="text" id="val1">
</p>
<p><span>Value 2 : </span>
<input type="text" id="val2">
</p>
<p>
<input type="button" value="Validate" onClick="validate()">
</p>
</body>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38866041
复制相关文章
相似问题
腾讯云开发者
