javascript - jQuery：イベントからフォームデータを取得する

Question

jQueryの「送信」イベントを一覧表示するイベントハンドラーがあります。

フォームは次のようになります。

<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()
 };

これは今のところ機能します。私は今、このプロセスを実行するための一般的な有効な方法のようなものを持っているでしょう。それについて難しいのは、イベントターゲット配列の最初の要素がフィールドセットであり、最後の要素がボタンであるということです。だから私はどういうわけかその間の要素を取得する必要があります。

誰かが私がこれをどのように行うことができるか考えていますか？

Answer 1

idで取得してみませんか：

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