Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何从按钮的点击事件调用JavaScript对象中存在的函数?_Javascript_Events_Onclick_Event Handling_Modularity - Fatal编程技术网

如何从按钮的点击事件调用JavaScript对象中存在的函数?

如何从按钮的点击事件调用JavaScript对象中存在的函数?,javascript,events,onclick,event-handling,modularity,Javascript,Events,Onclick,Event Handling,Modularity,先看js代码: let javascript = { checkValidations: function(){ let firstName = document.getElementById("firstName"); let lastName = document.getElementById("lastName"); let age = document.getElementById("age"); let flag = 0; if(firstNam

先看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
    }
};
让javascript={
checkValidations:function(){
让firstName=document.getElementById(“firstName”);
让lastName=document.getElementById(“lastName”);
let age=document.getElementById(“age”);
设flag=0;
if(firstName.value==null | | firstName.value==“”){
document.getElementById(“firstNameError”).innerHTML=“First name不能为空”;
flag=1;
}
if(lastName.value==null | | lastName.value==“”){
document.getElementById(“lastNameError”).innerHTML=“姓氏不能为空”;
flag=1;
}
if(Number.isNaN(age)| | age==null | | age==“”| | Number(age)120){
document.getElementById(“ageError”).innerHTML=“年龄不是必需的格式”;
flag=1;
}
如果(标志==0){
//保存值
}
};
现在我尝试从按钮事件调用此函数:

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

它不工作!我这样做只是为了给我的代码提供模块化


你能告诉我一种方法,如何实现这一点吗?

检查验证是一种功能。 您需要使用括号来调用它

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


javascript.checkValidations()
-但是当你可以使用事件监听器时,不要尝试内联这样的事情。而且当用户修复错误时,你不会重置错误,而不是尝试编写内联javascript,正确添加事件监听器会比使用
document.querySelector更优雅('.btn success').onclick=javascript.checkValidations;
相反,它可以工作。