javascript - 如何区分javascript提交和手动点击提交

Question

如何区分javascript触发提交和手动点击表单提交
下面的示例代码

 function myfunction()
 {
    document.getElementById("id_searchform").submit();
    return true;
 }

形式:

<div class='row'>
   <div class='col-md-4'>
      <div class='clszipcode' ><span>Enter Zipcode</span></div>
   </div>
   <div class='col-md-4'>
      <div class='clstxtzipcode' ><input type="text" name="zip_code" id="txtZipcode"></div>
   </div>
   <div class='col-md-4'>
      <div class='clsbtnzip' ><input type="submit" name="submit" id="btnSearch" value="Search" class="button_example"  ></div>
   </div>
</div>
<a href="#"  onclick="return myfunction();" >click to submit</a>

Answer 1

让我看看我是否理解:

1. 您想检测用户是否单击了提交表单的链接。
2. 您想检测用户是否点击了提交按钮来提交表单。
3. 您有另一个名为 validate() 的函数，它将以某种方式使用此信息。

如果是这种情况，请考虑使用变量来存储在触发表单提交之前是否单击了链接。

1. 初始化全局变量wasClicked为false
2. 单击链接时将 wasClicked 设置为 true
3. 在 wasClicked 设置后触发表单提交。
4. 提交表单时运行validate()
5. 在 validate() 中检查 if(wasClicked){...}

这是一个Working Example