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>

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

（对于我的任何帮助）

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/看看val函数，<textarea>标签有一些奇怪的东西

并且记得始终验证服务器端，即使你已经在客户端做过，js securrity很容易绕过

Answer 4

使用JQuery Validation插件。看看here

jquery从表单中获取数据

4 个答案: