如何获取表单的onSubmit事件？

我想知道如何onsubmit从表单中获取事件以进行某些表单验证,因为我无法直接访问它.(我正在编写一个用于评论的Wordpress插件,因此无法直接访问表单标签或提交按钮.)

我为我的插件尝试做这件事感到非常沮丧,我在下面写了一个Hello World版本.我希望它在我加载页面时显示"Hello World"警报,并在我单击"提交"按钮时显示"表单已提交"警报.相反,它会在页面加载时显示两个弹出窗口.

这是我的代码:

  
    
    
    
    
    
    
Test
    


    

    Name (required)

    


    

         

    
     

Andrew Hare.. 12

改变这个:

formCheck.onSubmit = doMapping()

对此:

formCheck.onSubmit = doMapping

在函数末尾添加括号时,执行该函数.分配函数(或将其作为参数传递给另一个函数)时,需要省略括号,因为这是在JavaScript中检索函数指针的方法.

编辑:您还需要将该doMapping函数赋值之上的函数声明移动到像这样的onsubmit事件(good catch tvanfosson!):

function doMapping() {
        alert("form submitted");
        return false;
    }

formCheck.onSubmit = doMapping(); 

但是,如果该doMapping函数未在其他地方使用,则可以将该doMapping函数声明为匿名函数,如下所示:

formCheck.onSubmit = function() {
        alert("form submitted");
        return false;
    }

这似乎对我来说有点清洁.

改变这个:

formCheck.onSubmit = doMapping()

对此:

formCheck.onSubmit = doMapping

在函数末尾添加括号时,执行该函数.分配函数(或将其作为参数传递给另一个函数)时,需要省略括号,因为这是在JavaScript中检索函数指针的方法.

编辑:您还需要将该doMapping函数赋值之上的函数声明移动到像这样的onsubmit事件(good catch tvanfosson!):

function doMapping() {
        alert("form submitted");
        return false;
    }

formCheck.onSubmit = doMapping(); 

但是,如果该doMapping函数未在其他地方使用,则可以将该doMapping函数声明为匿名函数,如下所示:

formCheck.onSubmit = function() {
        alert("form submitted");
        return false;
    }

这似乎对我来说有点清洁.

使用jQuery.

$(document).ready( function() {
    $('#commentform').submit( function() {
        alert('form submitted');
        return false;
    });
});