Jquery. Как получить значение полей?

Question

[Super0leg]

<form class="s_form">
        <input class="s_text nameinp sinp" type="text" name="name" placeholder="Ваше имя*">          
        <input class="s_text phoneinp sinp" type="text" name="phone" placeholder="Ваш телефон*">
        <input class="s_submit" type="button" value="Отправить">
</form>

Таких форм очень много, нужно, чтобы на событие $('.s_submit').click (именно на клик по кнопке, не отправка формы) отправлялись данные из заполненной формы.
Не могу понять, как получить имя и телефон.

Заранее спасибо, вы лучшие!

Comments

[Максим Тимофеев]

это не валидно в принципе. Получить конечно можно, Вам уже привели примеры, но у каждого элемента формы должен быть уникальный id по которому Вы будете получать данные. А class это для стилизации элемента. class может быть не уникальным.

Answer 1

[Алексей Зуев]

По элементу можно получить его форму, используя свойство element.form.
Ваш пример

Answer 2

[Igor Belikov]

Если нужно получить данные со всех полей (в виде объекта, что чаще всего и требуется для обработки и отправки формы ajax'ом):
stackoverflow.com/questions/1184624/convert-form-d...

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

Если нужно с конкретного:
var fieldValue = $('input[name="name"]').val();