防止hubspot表单提交 - jQuery验证

时间:2015-07-17 21:29:35

标签: javascript jquery forms hubspot

如果表单无效,我想阻止提交,如果可能的话会打印一些错误消息,这是我到目前为止所拥有的:

btw"链接到当前页面"在PHP中定义

hbspt.forms.create({
    css: '',
    portalId: 'hs-portal-id-goes-here',
    formId: 'hs-form-id-goes-here',  
    onFormReady: function(){
        jQuery('#hsForm_hs-form-id-goes-here').validate({
            errorPlacement: function(error, element) {},
            rules: {
                firstname: { required: true },
                lastname: { required: true },
                email: { required: true },
                message: { required: true }
            },
            submitHandler: function(form, e) { 
                e.preventDefault();
                window.open('link to the current page', '_self');
                form.submit();
                jQuery(newForm)
                var newForm = jQuery('#hsForm_hs-form-id-goes-here');
                window.setTimeout(function() {
                    newForm.html('<h3>Thank you for submitting the form</h3>');
                }, 1000);
            }
       });
    }
});         

1 个答案:

答案 0 :(得分:2)

您想要客户端验证还是服务器端验证?

如果答案是客户端,则应使用javascript,检查输入并编写验证消息。

如果它是服务器端,你应该考虑使用ajax,序列化你的表单,将其发送到服务器,并根据答案作出反应(数据是否成功验证了)