javascript - 使用回车键提交表单时遇到问题

Question

我的页面上有一个表单，它只是一个电子邮件输入字段和一个提交电子邮件并将其写入 TXT 文件的按钮。

它连接到一个 JS 脚本，该脚本将其写入 TXT 文件:

if ($('#subscribe').is(":visible")) {

    $("#subscribe button").click(function() {

        var email   = $("#email").val();
        var emailReg =  /^[a-zA-Z0-9._+-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,4}(\.[a-zA-Z]{2,3})?(\.[a-zA-Z\s\s*]{2,3})?[-a-zA-Z0-9_:,.\s]$/ ;

        // client-side validation


         if(emailReg.test(email) == false)
            return false;

        $.ajax({
            type: "post",
            dataType: "json",
            url: "save-email.php",
            data: $("#subscribe").serialize(),
            success: function(data) {

                $('#subscribe').html('<p > <img style="position:relative; bottom:45px;left:30px;"src="assets/img/confirm.png" /></p>');

            }
        });

        return false;
    });


};

当用户单击“返回”时，我需要将电子邮件提交到 TXT 文件。我似乎无法让它发挥作用。

Answer 1

试试这个

if ($('#subscribe').is(":visible")) {
    function submit() {

        var email   = $("#email").val();
        var emailReg =  /^[a-zA-Z0-9._+-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,4}(\.[a-zA-Z]{2,3})?(\.[a-zA-Z\s\s*]{2,3})?[-a-zA-Z0-9_:,.\s]$/ ;

        // client-side validation


         if(emailReg.test(email) == false)
            return false;

        $.ajax({
            type: "post",
            dataType: "json",
            url: "save-email.php",
            data: $("#subscribe").serialize(),
            success: function(data) {

                $('#subscribe').html('<p > <img style="position:relative; bottom:45px;left:30px;"src="assets/img/confirm.png" /></p>');

            }
        });

        return false;
    }
    $("#subscribe button").click(submit);
    $("form").submit(submit);

};

注意:如果您将此按钮转换为类型为“提交”的输入，则可以删除 $("#subscribe button").click(submit);