Question

在我的网站上，我有一个显示“获得免费咨询”的按钮，按钮旁边是一个电子邮件字段。当用户输入他们的电子邮件然后按下按钮时，他们的电子邮件将被提交到谷歌电子表格，并会显示一个包含更多信息的弹出窗口。

如何将jQuery代码添加到标记的“onsubmit”部分，该部分说明：如果电子邮件字段包含电子邮件地址，请提交表单并显示弹出窗口。否则（“其他”），显示一个警告框，上面写着“请输入您的电子邮件地址。”

以下是我的代码现在的样子：

<form action="https://docs.google.com/forms/d/xxxxx/formResponse" method="POST" id="ss-form-landing" onsubmit="$('.landing-button').click();return true;" target="hidden_iframe">

<input type="text" name="entry.xxx" value="" id="entry_2005747986" class="landing-pg-email-field" placeholder="Enter email address"><input type="submit" name="submit" value="GET A FREE &#x00A; CONSULTATION" class="landing-pg-button">

提前致谢！

Answer 1

尝试

jQuery(function($){
    var $form = $('#ss-form-landing'), $field = $form.find('input.landing-pg-email-field');

    $form.submit(function(){
        if($.trim($field.val()) == ''){
            alert('enter a email id');
            return false;
        }
    })
})

演示：Fiddle

onsubmit：jQuery alert如果字段为空

1 个答案: