jQuery:从事件中获取表单数据

时间:2012-07-12 17:14:47

标签: javascript jquery javascript-events

我有一个事件处理程序列表jQuery-“submit”事件。

表格如下:

<form class="registration well">
    <fieldset>
        <legend>registration</legend>
        <div class="control-group">
            <label class="control-label" for="_user_username">username</label>
            <div class="controls">
                <input type="text" id="_user_username" name="username" placeholder="george78" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="_user_email">email:</label>
            <div class="controls">
                <input type="email" id="_user_email" name="email" placeholder="george@example.com" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="_user_password">password:</label>
            <div class="controls">
                <input type="text" id="_user_password" name="password" placeholder="my password" />
            </div>
        </div>
        <button type="submit" class="btn btn-primary">register</button>
    </fieldset>
</form>

事件处理部分如下:

e.preventDefault();

console.log(e);

var user = {
    username: $(e.target[1]).val()
    , email: $(e.target[2]).val()
    , password: $(e.target[3]).val()
 };

到目前为止这是有效的。我现在只需要一种常见的有效方法来预测这个过程。关于它的难点在于,事件目标数组中的第一个元素是字段集,最后一个元素是按钮。所以我不得不在两者之间获得元素。

有人知道我该怎么办?

1 个答案:

答案 0 :(得分:-4)

为什么不通过id获取它们:

var user = {
username: $('#_user_username').val()
//etc.
 };