我有这个HTML文本输入,如下所示
<label style="color: white;" for="id">ID:</label>
<input type="text" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="9" name="id" id="id">
现在,在我成功添加的onkeypress中,只能输入数字。 但是我有一个叫做的函数:
function checkID() {
我想要另外,在输入的每个数字之后它将调用此函数。但是我无法让它们同时执行它们(只允许数字并调用函数)。
提前致谢!伊泰。
答案 0 :(得分:1)
您可以在checkID
功能中输入数字验证。
<input type="text" onkeypress="return checkID(event,this)" maxlength="9" name="id" id="id">
function checkID(e,elem) {
if !(e.charCode >= 48 && e.charCode <= 57)
return false;
// continue checking the id...
}
答案 1 :(得分:0)
或者通过html附加你的功能,你可以使用纯粹的javascript添加它:
document.querySelector("your-html-selector").addEventListener("keypress", function(event) {
// all your code here
});
这样可以使您的html保持清晰,并且您的代码易于阅读,尤其是当您尝试执行多个功能时等等。