使用Jquery提交表单

时间:2013-05-14 13:20:47

标签: forms jquery submit

好的,所以我将一些代码转换为jQuery,目前只需按下Enter键或双击<select>标记,js就会将焦点更改为具有目标ID的按钮。 document.getElementById.focus()然后document.getElementById.click()并返回true以提交此表单。只是寻找一些关于如何使用jQuery做同样事情的例子。我知道jQuery中有一个.keypress()和一个.dblclick()函数,这就是我认为我应该使用但是传递输入框的值或选择值有点困难,因为有多个每种形式的。仅供参考,这是一个将SQL发送到oracle数据库的搜索页面。 更新 -

$(document).ready(function(){
    $('form').submit(function(){
       $(this).keypress() 
        if(event.which ==13){   
        }
    });
});   

这是我到目前为止还不确定我是否在正确的轨道上。 所以这里有一个表格的例子。

<form>
 <tr>
    <td nowrap="nowrap"><b>&nbsp;&nbsp;Search by Number&nbsp;&nbsp;</b></td>
    <td style="vertical-align:top"><input type="text" name="revisor_number"     value=revisor_number>" size="55" maxlength="100" /><br/><span style="font-size:75%">commas between numbers (10,15,20), dash for range(10-20)</span><br/></td>
    <td>&nbsp;&nbsp;<input type="submit" name="submit_number" id="submit_number" value="GO"/></td>
 </tr>
 <tr>
<td style="vertical-align:top" nowrap="nowrap"><b>&nbsp;&nbsp;Search by Type&nbsp;&nbsp;</b></td>
<td>
    <select name="subtype[]" size="3" multiple="multiple" onkeypress="keyPress(event, 'submit_subtype');" ondblclick="keyPress(event, 'submit_subtype');">
    <option value="">>--- All ---</option>
  <td style="vertical-align:top">&nbsp;&nbsp;<input type="submit" name="submit_subtype" id="submit_subtype" value="GO"/></td>

2 个答案:

答案 0 :(得分:0)

我不知道我是否理解你想要的东西,

但是在jQuery中使用按钮提交表单就像:

$('button').on('click', function(){
   $('yourForm').submit();
});

答案 1 :(得分:0)

您需要将其移出提交功能,将其替换为:

$('input, textarea').keypress(function(e) {
    if(e.which == 13) {
        $(this).blur();
    $('#submit').focus().click();
    }
});

假设'#submit'是你的按钮的ID。