验证 Jquery 后从表中获取值

Posted 2023-05-09

【中文标题】验证 Jquery 后从表中获取值

【英文标题】：Get value from table after validate Jquery

【发布时间】：2015-09-27 13:05:52

【问题描述】：

我有一张简单的桌子：

<form id="form" method="POST" action="">                   
    <input type="text" name='first_name' data-validation="alphanumeric" />              
    <select name='custom_quantity'>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</form>

使用简单的验证脚本：

<script>
    (function($, window)     
        var dev = '.dev'; // window.location.hash.indexOf('dev') > -1 ? '.dev' : '';

        window.applyValidation = function(validateOnBlur, forms, messagePosition) 
            if ( !forms )
                forms = 'form';
            if ( !messagePosition )
                messagePosition = 'top';

            $.validate(
                form : forms,
                validateOnBlur : validateOnBlur,
                errorMessagePosition : messagePosition,
                scrollToTopOnError : true,
                onSuccess : function($form)                                                            
                    first_name = $( "#form input[name='first_name']" ).val();
                    select = $( "#form select[name='custom_quantity']" ).val();
                    alert( "Your: " + first_name + ' ' + select +  " values." );

                    return false;
                
            );
        ;

        window.applyValidation(true, '#form', 'element');
    )(jQuery, window);
</script>

验证工作正常，在输入字段中输入一些文本并从选择标记中选择一个值后，我没有收到任何警报消息。

此外，Firebug 控制台不会显示任何错误。

这种从表单中获取价值的方式有效吗？

first_name = $( "#form input[name='first_name']" ).val();

【问题讨论】：

" #form ...您是否尝试过从选择器中删除前导空格？

【参考方案1】：

first_name = $( "#form input[name='first_name']" ).val();
select = $( "#form select[name='custom_quantity']" ).val();

我认为这行返回一个数组，尝试选择第一个元素

first_name = $( "#form input[name='first_name']" )[0].val();                    
select = $( "#form select[name='custom_quantity']" )[0].val();