html多个函数用于" onkeypress"属性

时间:2016-09-25 17:12:57

标签: javascript html function onkeypress

我有这个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() {

我想要另外,在输入的每个数字之后它将调用此函数。但是我无法让它们同时执行它们(只允许数字并调用函数)。

提前致谢!伊泰。

2 个答案:

答案 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保持清晰,并且您的代码易于阅读,尤其是当您尝试执行多个功能时等等。