如何从按钮的点击事件调用JavaScript对象中存在的函数?
先看js代码:如何从按钮的点击事件调用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
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;
相反,它可以工作。