Question

请先查看js代码：

let javascript = {
checkValidations: function(){
    let firstName = document.getElementById("firstName");
    let lastName = document.getElementById("lastName");
    let age = document.getElementById("age");
    let flag = 0;
    if(firstName.value==null || firstName.value==""){
        document.getElementById("firstNameError").innerHTML = "First name cannot be blank"; 
        flag = 1;
    }
    if(lastName.value==null || lastName.value==""){
        document.getElementById("lastNameError").innerHTML = "Last name cannot be blank";   
        flag = 1;
    }
    if(Number.isNaN(age) || age==null || age=="" || Number(age)<18 || Number(age)>120){
        document.getElementById("ageError").innerHTML = "Age is not in required format";
        flag = 1;
    }
    if(flag==0){
        // save values
    }
};

现在我正尝试通过按钮事件调用此函数：

<button class="btn btn-success" onclick="javascript.checkValidations">

它不起作用！我这样做只是为了为我的代码提供模块化。

您能告诉我一种方法，如何实现吗？

Answer 1

checkValidations是一个函数。您需要使用括号来称呼它。

<button class="btn btn-success" onclick="javascript.checkValidations()">

如何通过按钮的单击事件调用JavaScript对象中存在的函数？

1 个答案: