2

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

如何将 jQuery 代码添加到标记的“onsubmit”部分:如果电子邮件字段包含电子邮件地址,则提交表单并显示弹出窗口。否则(“else”),显示一个警告框,上面写着“请输入您的电子邮件地址”。

这是我的代码现在的样子:

<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">

提前致谢!

4

1 回答 1

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;
        }
    })
})

演示:小提琴

于 2013-08-08T02:49:58.943 回答