gpt4 book ai didi

javascript - 使用 javascript 进行 HTML 输入验证

转载 作者:太空狗 更新时间:2023-10-29 16:45:05 24 4
gpt4 key购买 nike

我想验证适用于所有平台的 html 输入,即 Chrome、Internet Explorer、Mozilla、Firefox、Safari 和适用于 PC 的 Opera 以及 iOS 和 Android。

我想将输入限制在特定范围内的数字,例如(1 到 59)。我还有另一个相同形式的输入元素。我还想检查输入 1 < 输入 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>

最佳答案

要与几乎所有浏览器兼容,请使用原生 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>

关于javascript - 使用 javascript 进行 HTML 输入验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38866041/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com