javascript - jquery从表单中获取数据

Question

我有一个表单，我正在尝试使用 jquery 从表单中获取数据并对其进行验证。使用 jquery 将数据从表单获取到变量的最佳方法是什么？

Answer 1

这是您可以使用的代码段 -

$('#myForm').submit(function() {
    // get all the inputs into an array.
    var $inputs = $('#myForm :input');

    // not sure if you wanted this, but I thought I'd add it.
    // get an associative array of just the values.
    var values = {};
    $inputs.each(function() {
        values[this.name] = $(this).val();
    });

});

从stackoverflow-link得到它

Answer 2

好吧，我们走了

这是jQuery脚本：

function getData () {

$(document).ready(function() {
   var myTextFieldValue = $('#myTextField').value;
   alert('The value is: '+myTextFieldValue);
 });

}

这是HTML

<form action='#' method='whatever'>
 <input type='text' id='myTextField' />
 <input type='submit' onClick='getData()' />
</form>

注意： 为了使您的脚本正常工作，您必须导入 jQuery 库

像这样：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

我没有尝试脚本，所以可能会有一些错误。希望我对你有帮助再见。

（有什么帮助可以pm我）

Answer 3

没有办法在一行代码中从表单中获取所有数据。您必须按值检索它。如果你有一个<input id='some-id' > 公正的用途var someId = $('#some-id').val();。现在 someId 保存输入的值

val() 函数只返回第一个匹配元素的值（如果你不知道我的意思看看 jquery 选择器（http://api.jquery.com/category/selectors/）看看http://api.jquery.com/val/<textarea>查看 val 函数，标签有一些奇怪的东西

记住要始终验证服务器端，即使您已经在客户端验证过，js 安全性也很容易绕过

Answer 4

使用 JQuery 验证插件。看看这里