簡體   English   中英

如何向 Marketo 表單添加新的驗證

[英]How to add new validations to Marketo form

由於不擅長 JS 和 Jquery,我正在努力向 Marketo 表單添加新的驗證規則,當嘗試提交表單時顯示錯誤消息,將任何字段留空,我需要驗證 FirstName 和 LastName 字段以僅允許字母字符,並且在輸入數字字符時應該通過錯誤消息。 以下是我的 Marketo LP: http ://qliktest.qlik.com/Vinu-Test1_Reg_Form.html

這是自定義電子郵件驗證的示例。 您可以將自定義代碼放在 whenReady 函數中。

MktoForms2.whenReady(function(form) {
function isEmailValid(email) {
    RE_EMAIL_ASCII_PUBLIC = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/;
    return RE_EMAIL_ASCII_PUBLIC.test(email);
}

form.onValidate(function() {
    var values = form.vals();
    if (values.Email) {
        if (!isEmailValid(values.Email)) {
            form.submitable(false);
            var emailElem = form.getFormElem().find("#Email");
            form.showErrorMessage(
                // write your message here
                "Must be valid email.",
                emailElem
            );
        } else {
            form.submitable(true);
        }
    }
});

如果您在 Marketo 中將字段標記為“必需”,則已經內置了邏輯來處理驗證。 如果要創建一些自定義驗證邏輯,IE 只允許字段中的字母字符,則需要使用 Marketo Forms 2.0 Javascript API (http://developers.marketo.com/documentation/websites/forms-2-0/ )

以下是使用 API 驗證 Marketo 表單字段的示例:

MktoForms2.whenReady(function (form) {

 //listen for the validate event form.onValidate(function() { // Get the values var vals = form.vals(); //Check your condition if (vals.Country == "USA" && vals.vehicleSize != "Massive") { // Prevent form submission form.submittable(false); // Show error message, pointed at VehicleSize element var vehicleSizeElem = form.getFormElem().find("#vehicleSize"); form.showErrorMessage("All Americans must have a massive vehicle", vehicleSizeElem); } else { // Enable submission for those who met the criteria form.submittable(true); } }); });

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM