Question

我发现了一些类似的问题，但没有什么比我想做的更像。我想要一个html表单将操作设置为来自外部文件的javascript函数。这是我的尝试。

html。

<!DOCTYPE HTML>
<html>
    <form action="javascript:filename.functionname()">
        <input type="submit" value="Submit">
    </form>
</html>

JavaScript文件

<SCRIPT LANGUAGE="JavaScript">
    function functionname(){
        window.alert('test');
    }
</SCRIPT>

我希望在此示例中完成的是在按下提交按钮时JavaScript警报上出现“test”。

Answer 1

我认为你要找的是onsubmit事件。

<!DOCTYPE HTML>
<html>
    <form onsubmit="functionname(); return false;">
        <input type="submit" value="Submit">
    </form>
</html>

Answer 2

或者，您可以在JavaScript中定义所有这些行为并与表单分开：

回调函数：

function processForm(e) {
  //Prevent any form submission
  if(e.preventDefault) e.preventDefault;
  //Get a reference to the form
  var e = e || window.event;
  var form;
  if(e.target) form = e.target;
  else form = e.srcElement;
  //Do some stuff with the form values here
  // ...
}

触发回调（不带jQuery）：

var form = document.getElementById('myForm');
if(form.attachEvent) {
  form.attachEvent('submit', processForm);
} else {
  form.addEventListener('submit', processForm);
}

触发回调（使用jQuery）：

$(document).ready(function(){
  $('#myForm').submit(processForm);
});

所有代码（jQuery方法或非jQuery方法）都可以包含在HTML <head>中包含的单个JavaScript文件中。

表单操作外部JavaScript函数

2 个答案: