在jquery validate的submitHandler中访问表单输入值

时间:2016-06-07 15:25:21

标签: javascript jquery forms jquery-validate

如何在jQuery validate()的submitHandler回调中访问给定的表单输入?我有一个复杂的解决方案,但期望必须有更好的方法。

http://jsfiddle.net/1tzuojpg/2/

$(document).ready(function(){
    $("#myform").validate({
            submitHandler: function(form) {
                var inputs=$(form).find(':input');
                console.log('inputs',inputs);
                console.log('form',form,$(form),form.elements);
                console.log('this',this, $(this));
                //console.log( this.serializeArray() ); //this is not a jQuery object
                console.log( $( this ).serializeArray() );
                console.log( $( form ).serializeArray() );
                console.log( inputs.serializeArray() );
                alert(inputs.filter('[name=myName]').val());
            }
        });
  });

<form id='myform' >
   <input type='text' name='myName' value="123" />
   <input type="submit" value="submit">
</form>

1 个答案:

答案 0 :(得分:3)

直接定位输入值:$('#myform input[name="myName"]').val()

DEMO http://jsfiddle.net/fz3ed89q/2/

使用内置form参数:$(form).find('input[name="myName"]').val()

DEMO http://jsfiddle.net/fz3ed89q/3/