我有一个输入,如果在该输入中写入了一个大于 100 的数字,那么我会收到一个alert() 告诉我这个数字不能超过 100,我想在不需要Submit的情况下实现这一点。让它实时
他验证我的输入只允许一个数字,但我仍然无法解决我所说的问题
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="Content/Site.css" rel="stylesheet" />
<title></title>
</head>
<body>
<form id="form1" runat="server">
<input type="text" id="cobertura" name="cobertura" onkeypress="return checka(event)" maxlength="3" />
</form>
<script>
function checka(e) {
// SOLO ACEPTA NUMERO
tecla = (document.all) ? e.keyCode : e.which;
if (tecla == 8) {
return true;
}
patron = /[0-9]+$/;
tecla_final = String.fromCharCode(tecla);
return patron.test(tecla_final);
// END
//ESTA PARTE ES LA QUE QUIERO VALIDAR
var num= document.getElementById('cobertura').value;
if (num> 100) {
alert('Numero no puede pasar de 100');
return false;
}
// END
}
</script>
</body>
</html>
你好我的朋友你怎么样。
在您的情况下,我会做的是放置一个在我每次写入输入时都会监听的事件,这样我就可以不断地进行验证。
我用一种简单的方式来做,但现在你可以添加所有你想要的难度、风格和其他东西,或者如果是这样的话,一个框架。
我希望你觉得它很有用,在我看来代码解释得很好,但我仍然给你留下一些参考资料来指导你:
事件: https ://developer.mozilla.org/es/docs/Web/API/EventTarget/addEventListener
事件类型“输入”: https ://developer.mozilla.org/es/docs/Web/API/HTMLElement/input_event
alert()
: https://developer.mozilla.org/en/docs/Web/JavaScrihttps://developer.mozilla.org/en/docs/Web/API/Window/alertpt/Reference/Global_Objects/parseInt希望对你有帮助,再见<3
对于那些想要通过 id 而不是通过输入进行验证的人