javascript - 表单验证和分析事件跟踪

Question

我正在使用 JavaScript 来验证表单字段。如果它通过了，我想向谷歌分析发送一个事件。但是，它不会将事件发送到 GA。在我的表格中，我有：

<form role="form" name="submit" method="post" onSubmit="return validateForm();">

我的验证码是：

function validateForm() {    
// validate the form and update the section if there is an error
var spamCheck = document.submit.inputSpamCheck.value;
    if( document.submit.inputName.value == '' ){
        document.submit.inputName.focus();
        $( "#name-section" ).addClass( "has-error" );
        return false;
    }
    else if( document.submit.inputEmail.value == '' ){
        document.submit.inputEmail.focus();
        $( "#email-section" ).addClass( "has-error" );
        return false;
    }
    else if( document.submit.inputSpam.value != spamCheck ){
        document.submit.inputSpam.focus();
        $( "#spam-section" ).addClass( "has-error" );
        return false;
    }
    else{       
        _gaq.push(['_trackEvent', 'Form', 'Submitted', 'successful', 5]); 
        return true;
    }
}

score 0 · Accepted Answer

我认为这是一个老问题，但我很乐意回答，以防有人需要帮助。

如果您将以下脚本粘贴到<head>表单页面的部分中，则 onsubmit="" 表单事件将执行此操作

<script language="javascript">
    function checkContVal()
    {
        var fun = document.submit;
        if(fun.name.value == ""){
            //do something
            return false;
        }
        if(fun.email.value == ""){
            //do something
            return false;
        }
        if(f.securityCode.value == ""){
            //do something
            return false;
        }
    _gaq.push(['_trackEvent', 'Form', 'Submitted', 'successful', 5]); 
    //ga('send', 'event', 'Category','Submit','Contact Us page enquiry'); OR this event if using universal GA.
    return true;
    }
</script>

javascript - 表单验证和分析事件跟踪

1 回答 1

Related

Reference