5

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

4

4 回答 4

5

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

$('#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得到它

于 2012-08-08T00:24:07.937 回答
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我)

于 2012-08-08T00:09:38.107 回答
0

没有办法在一行代码中从表单中获取所有数据。您必须按值检索它。如果你有一个<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 安全性也很容易绕过

于 2012-08-08T00:18:05.360 回答
0

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

于 2012-08-08T00:22:26.703 回答