0

我发现了一些类似的问题,但与我想做的完全不同。我想要一个 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 警报中显示“测试”。

4

2 回答 2

0

或者,您可以在 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 中的单个 JavaScript 文件中<head>

于 2013-11-07T22:59:56.513 回答
0

我认为您正在寻找的是 onsubmit 事件。

<!DOCTYPE HTML>
<html>
    <form onsubmit="functionname(); return false;">
        <input type="submit" value="Submit">
    </form>
</html>
于 2013-11-07T22:38:14.687 回答