将跨多个页面的多个输入按钮合并为单个html页面上的单个按钮

Question

第一个帖子在这里。

我被要求将3个页面（每个页面都有一个提交按钮）组合到一个页面中（因为后2个页面没有可供选择的选项，因此价值不大）。

代码如下：

注册表格：

<input id="self_reg_btn" onclick="validateSelfReg();" style="clear: both;" type="button" value="Register" /></form>

验证/验证选项：

<input id="email_verification" onclick="mailVerifySelected();" type="button" value="Verify Email" /></div>

发送确认给我

<input id="close_verify" onclick="closeVerifyPage();" type="button" value="Close" />

从本质上讲，我想通过单击单个按钮在单个页面中执行三个onClick动作。那有可能吗？

Answer 1

当然。只需添加一个新按钮并执行这三个功能即可。

function a(){
   console.log("a");
}

function b(){
   console.log("b");
}

function c(){
   console.log("c");
}

<input id="myButton" onclick="a(); b(); c();" type="button" value="Click me" />

Answer 2

用onclick调用所有方法是一种方法，另一种方法是创建一个运行alla树函数的新函数，这使它更易于阅读。

function validate() {
    validateSelfReg();
    mailVerifySelected();
    closeVerifyPage();
}

然后调用该函数

<input id="btn-verify" onclick="validate();" type="button" value="Verify" />