表单上的jQuery提交刷新页面

时间:2016-01-29 23:54:58

标签: jquery

我知道这是如何工作的,我已经完成了数千次。尽管如此,它现在还不起作用。为什么?

我有以下代码。我试过了e.preventDefaulte.stopPropagationreturn false。我已将表单的html更改为<form onsubmit="function()",依此类推。不过,每次我提交表格时页面都会刷新。

有谁能告诉我我喝醉了多少以及我做错了什么?

jQuery( document ).ready(function(){
    jQuery('.register-form').submit( function(e){       
        var form = jQuery(this).serialize();        
        jQuery.ajax({
            type : "post",
            dataType : "json",
            url : myAjax.ajaxurl,
            data : form,
            success : function( d ){
                if( d.success ) {
                   alert( 'Takk for din påmelding' );
                } else {
                   alert( 'Noe gikk galt, vennligst prøv igjen senere' );
                }
            }, 
            error: function(){
                alert( 'Noe gikk galt, vennligst prøv igjen senere' );
            }
        });     
        return false;   
    }); 
});

对于那些想要网站的网址的人来说: http://ccnmn.loke.itvault.no

注意:这是挪威语。您可以在顶部菜单中按“Priser”,然后在显示的包中“Bestill”找到该表单

1 个答案:

答案 0 :(得分:1)

Fiddle表示您的代码在代码中的正确位置使用正确的event.preventDefault();return false;时效果很好(同样,我将变量从{{1更改]到form以防万一有一些奇怪的名字碰撞发生。)如果你反映这个小提琴仍然有问题,你的问题必须在其他地方(在提交按钮上没有处理程序吗) ?)。

myForm