Question

我的页面中有表单数。

如何在我的代码中仅引用特定提交的form字段？

                        <form class="modal-content" action="#">
                            <div class="modal-body">

                                <div id="email-group" class="form-group">
                                    <label for="email">EMAIL</label>
                                    <input type="text" class="form-control" name="email">
                                    <div class="help-block"></div>
                                    <!-- errors will go here -->
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">CLOSE</button>
                                <button class="btn btn-success submit">SEND<span class="fa fa-arrow-left"></span></button>
                            </div>
                        </form>


$(document).on('submit','form',function(e) {
    e.preventDefault();

    var formData = {
        'email'             : $('input[name=email]').val(),
        'password'          : $('input[name=password]').val(),
        'captcha'           : $('input[name=captcha]').val()
    };

Answer 1

你可以在Jquery中做到这一点：

$('#your_ID_form input[name=email]').val();

Answer 2

您可以将提交的表单实例设为$(this)，并使用find()获取提交的表单中的字段。见下面的代码

$(document).on('submit','form',function(e) {
    e.preventDefault();

    var formData = {
        'email'             : $(this).find('input[name=email]').val(),
        'password'          : $(this).find('input[name=password]').val(),
        'captcha'           : $(this).find('input[name=captcha]').val()
    };
});

Answer 3

为您的form个人提供ID并按ID选择，然后使用this选择所选form的特定值。

使用find查找（大）子元素。

<form id="form1" class="modal-content" action="#">
...
</form>

$(document).on('submit','#form1',function(e) {
    e.preventDefault();

    var formData = {
        'email'             : $(this).find('input[name=email]').val(),
        'password'          : $(this).find('input[name=password]').val(),
        'captcha'           : $(this).find('input[name=captcha]').val()
    };

Answer 4

您可以使用serializeArray或仅使用serialize：

    $(document).on('submit','form',function(e) {
        e.preventDefault();
        var formData = $(this).serializeArray();
        // if you need a json format:
        var jsonFormData = JSON.stringify(formData);
    });

jquery - 参考具体表格

4 个答案: