jquery从表单中获取数据

Posted 2023-02-22

【中文标题】jquery从表单中获取数据

【英文标题】：jquery getting data from form

【发布时间】：2012-08-05 01:08:11

【问题描述】：

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

【问题讨论】：

使用jquery选择器获取值

另一个类似的问题：***.com/questions/169506/…

【参考方案1】：

这是你可以使用的sn-p -

$('#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();
    );

);

从***-link得到它

【参考方案2】：

使用 JQuery 验证插件。看看here

【参考方案3】：

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

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

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

【讨论】：

有一种方法可以在一行代码中使用 '$('#myform').serialize();' 从表单中获取所有数据

@BishnuPaudel 你如何获取序列化数据并使用它？

@gilbertbw serializeArray() 在您的用例中可能很有用。 api.jquery.com/serializeArray

【参考方案4】：

我们开始吧

这是 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你。我们可以离开 cmets。