Объедините несколько кнопок ввода на нескольких страницах в одну кнопку на одной 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

Вызов всех методов в onclick - это один из способов, другой способ - создать новую функцию, которая запускает функции дерева алл, что облегчает чтение.

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

А затем просто вызвать эту функцию

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

Answer 2

Конечно.Просто добавьте новую кнопку и выполните три функции.

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" />