按下回车键提交Ajax表单。

14 浏览
0 Comments

按下回车键提交Ajax表单。

我有一个非常简单的AJAX表单，要求输入电子邮件地址，并在提交后将其发送给我。

如何在按下回车键时提交表单？

用户点击提交按钮时，会运行以下内容：

我知道这个问题以前已经被问过-我无法让keypress函数工作。

我尝试了以下方法，但没有成功：

$("#contact_form").keypress(function (e) {
    if ((e.keyCode == 13) && (e.target.type != "textarea")) {
        e.preventDefault();
        // Get input field values
        var user_email = $('input[name=email]').val();
        // Simple validation at client's end
        // We simply change border color to red if empty field using .css()
        var proceed = true;
        if (user_email === "") {
            $('input[name=email]').css('border-color', 'red');
            proceed = false;
        }
        // Everything looks good! Proceed...
        if (proceed) {
            /* Submit form via AJAX using jQuery. */
        }
    }
});

表单是#contact_form。

任何帮助都将不胜感激...

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

在每个字段框或复选框中添加一个新类 => 类名 keypressbutton
然后将您的按键按下代码替换为下面的代码：

$(document).on("keypress",".keypressbutton",function(event) {
    var keyCode = event.which || event.keyCode;
    if (keyCode == 13) {
        $("#submit_btn").click();
        return false;
    }
});

0
0 Comments

只需将提交事件绑定到您的表单，然后回车键也可以起作用：

$("#contact_form").submit(function (e) {
    e.preventDefault();
    // Get input field values
    var user_email = $('input[name=email]').val();
    // Simple validation at client's end
    // We simply change border color to red if empty field using .css()
    var proceed = true;
    if (user_email === "") {
        $('input[name=email]').css('border-color', 'red');
        proceed = false;
    }
    if (proceed) {
        // Insert the AJAX here.
    }
});

代码在这里：http://jsfiddle.net/6TSWk/6/

0