Question

我是JavaScript的新手，我有以下问题。

出于某种原因，我在网页中有2个input标记type=submit，这些：

<input type="submit" onclick="return myTestFunction();" value="Submit" id="submitEventButton">

<input id="submitButton" type="submit" style="display:none" onclick="return validateForm();" value="Submit" name="action:projectCreationAction">

正如您所见，使用style="display:none"

隐藏了第二个

点击第一个，我可以进入myTestFunction() JavaScript方法（实际上只是执行提醒）。

我需要执行以下操作：当用户单击第一个按钮（具有id="submitEventButton"的按钮）时，必须单击隐藏的第二个按钮。

我该怎么做？

谢谢！

Answer 1

您可以在提醒后的myTestFunction内放置以下内容：

$('#submitButton').trigger("click");

以下是您可以运行以检查此内容的代码段：

function myTestFunction(){
  alert('hi from submit');
  $("#submitButton").trigger("click")  ;
}

function validateForm(){
  alert('hi from validate form');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" onclick="return myTestFunction();" value="Submit" id="submitEventButton">

<input id="submitButton" type="submit" style="display:none" onclick="return validateForm();" value="Submit" name="action:projectCreationAction">

Answer 2

您可以只调用第二个按钮从第一个功能点击的功能，而不是模拟点击甚至是第二个隐藏的提交按钮：

function myTestFunction() {
    // code here with alert
    validateForm();
}

function validateForm() {
    // code here
}

调用其他函数的函数比触发其他单击事件的按钮更好。

这种方式也是纯粹的javascript（没有jquery）因为我不认为您正在使用jquery的输入代码的实现。

Answer 3

你的问题并不是那么清楚，但你似乎并不需要第二个按钮，至少你所描述的是什么。您可以采取哪些措施来实现您所追求的目标，即在validateForm()的正文中添加对myTestFunction的调用。

如果由于某种原因不想更改功能，您也可以像这样更改第一个按钮：

<input type="submit" onclick="myTestFunction();validateForm();" value="Submit" id="submitEventButton">

它不漂亮，请注意我在这里假设myTestFunction没有返回重要的内容，否则你不能像我在这里建议的那样丢弃return，但除此之外可能就是这个伎俩。

当用户点击另一个显示的输入标签时，如何自动点击隐藏的提交输入标签？

3 个答案: