-2

这是jQuery代码。

$('#signinform').live('submit',function() {
    alert("Submitting");
    $("#signinbutton").click();
});

表格是这样的：

<form name="signinform" id="signinform" action="#" method="POST">
        <input type="text" class="rounded_login" name="studentid" id="studentid" placeholder="Student ID" required="required" maxlength="9 ">
        <input type="password" class="rounded_login" name="studentpassword" id="studentpassword" placeholder="SJSU One Password" required="required" tooltip="Password">
        <input type="hidden" name="signinmethod" id="signinmethod" value="manual">
        <div id="signinbutton">Sign In</div>
</form>

点击事件工作得很好，但由于某种原因，提交没有被调用。我错过了什么？

PS：我已经尝试过 .live() 和 .submit() 函数。

编辑：哇！我想我没有让自己足够清楚！已经有代码或单击按钮/图像提交表单。

$("#signinbutton").live('click',function (e) {
});

我需要做的是，按回车键提交。那没有发生。此外，我无法添加提交输入，因为这会弄乱样式。

4

7 回答 7

3

如果您希望“登录” div 触发表单提交，请尝试更改：

$('#signinform').live('submit',function() {
    alert("Submitting");
    $("#signinbutton").click();
});

至

$('#signinbutton').on('click',function() {
    alert("Submitting");
    $("#signinform").submit();
});

jsFiddle 示例

正如 gdoron 提醒我注意的那样，.live()已弃用.on().

于 2013-02-13T22:11:53.710 回答
1

你应该做：

$("#signinform").trigger('submit');
于 2013-02-13T22:12:36.387 回答
0

Be careful with setting events on forms. These could not work, if the form was hidden before.

于 2013-02-13T22:32:38.787 回答
0 
<div id="signinbutton">Sign In</div>

这实际上不是一个提交按钮。

您可以向此按钮添加事件以使其直接执行提交事件，或者在其位置创建一个实际的提交按钮。

于 2013-02-13T22:11:57.937 回答
0

把你的提交功能放在里面。它应该工作。

$(document).ready(function () {

    $("#signinbutton").submit();

});
于 2014-01-05T11:30:32.960 回答
0

您应该点击提交，而不是相反。

$('#signinbutton').on('click',function() {
    $("#signinform").submit();
});
于 2013-02-13T22:14:00.840 回答
0

您应该将您的 HTML 代码更正为以下内容

<form name="signinform" id="signinform" action="#" method="POST">
        <input type="text" class="rounded_login" name="studentid" id="studentid" placeholder="Student ID" required="required" maxlength="9 ">
        <input type="password" class="rounded_login" name="studentpassword" id="studentpassword" placeholder="SJSU One Password" required="required" tooltip="Password">
        <input type="hidden" name="signinmethod" id="signinmethod" value="manual">
       <input type="submit">
</form>

您也在使用.live()不推荐使用的.on(). 如果您无法更改您的 HTML 代码，您可以使用 id signinbutton在您的 div 的点击处理程序中手动提交表单。

$('#signinbutton').on('click',function()){
 $('#signinform').trigger('submit');
}
于 2013-02-13T22:14:45.243 回答