formjquery的简单介绍

form的jquery对象调用find方法找不到任何子元素

find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。语法：.find(selector) 参数selector 字符串值，包含供匹配当前元素集合的选择器表达式。 详细说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，.find() 方法允许我们在 DOM 树中搜索这些元素的后代，并用匹配元素来构造一个新的 jQuery 对象。.find() 与 .children() 方法类似，不同的是后者仅沿着 DOM 树向下遍历单一层级。.find() 方法第一个明显特征是，其接受的选择器表达式与我们向 $() 函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。

目前累计服务客户成百上千，积累了丰富的产品开发及服务经验。以网站设计水平和技术实力，树立企业形象，为客户提供网站建设、网站设计、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。成都创新互联公司始终以务实、诚信为根本，不断创新和提高建站品质，通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合，为客户提供更好的一站式互联网解决方案，携手广大客户，共同发展进步。

jquery重置form表单！

form 自带reset按钮并不能真正重置表单，当表单有默认值时。所以写js方法调用，来清空form表单。

如何用jqueryajax请求form表单

第一步：引用js

!--这里的min是自己用js压缩工具对完整版进行的压缩

并不是真正的min，所以好使--

script type="text/javascript" src="js/jquery-1.7.min.js"/script

script type="text/javascript" src="js/jquery.form.js"/script

第二步：页面写form

form id="showDataForm" 

action="/024pm/f_shopUser.do?method=login" method="post"

input type="text" value="" name="name" maxlength="2"/

input type="password" value="" name="password" maxlength="2"/

input type="submit" value="提交"/

/form

div id="output1" 

style="width:1000px;height:200px;"

/div

第三步：写js调用jquery.form.js，对form表单进行ajax提交

$(document).ready(function() {

var options = {

target: '#output1',

// 从服务传过来的数据显示在这个div内部

也就是ajax局部刷新

beforeSubmit: showRequest,

// ajax提交之前的处理

success:  showResponse

// 处理之后的处理

};

$('#showDataForm').submit(function() {

$(this).ajaxSubmit(options);

return false; 

//非常重要，如果是false，则表明是不跳转

//在本页上处理，也就是ajax，如果是非false，则传统的form跳转。

});

});

function showResponse(responseText, statusText, xhr, $form) {

alert(xhr.responseText+"=="+$form.attr("method")+'status: ' + 

statusText + '\n\nresponseText: \n' + responseText);

//xhr：说明你可以用ajax来自己再次发出请求

//$form：是那个form对象，是一个jquery对象

//statusText：状态，成功则为success

//responseText，服务器返回的是字符串（当然包括html，不包括json）

}

function showRequest(formData, jqForm, options) {

//formData是数组，就是各个input的键值map数组

//通过这个方法来进行处理出来拼凑出来字符串。

//formData：拼凑出来的form字符串，比如name=herapassword，

//其实就是各个表单中的input的键值对，

//如果加上method=XXXX，那也就是相当于ajax内的data。

var queryString = $.param(formData);

alert(queryString+"======"+formData.length);

for (var i=0; i  formData.length; i++) {

alert(formData[i].value+"==============="+formData[i].name);

}

//jqForm，jquery form对象

var formElement = jqForm[0];

alert($(formElement).attr("method"));

alert($(jqForm[0].name).attr("maxlength"));

//非常重要，返回true则说明在提交ajax之前你验证

//成功，则提交ajax form

//如果验证不成功，则返回非true，不提交

return true;

}

options对象内的值有哪些？

var options = {

target: '#output1', 

data:{param1:"我自己的第一个额外的参数"},

//这个参数是指通过ajax来给服务器提交除了form内部input的参数

//在后台中使用String param1=req.getParameter("param1");获取。

// dataType: null,

dataType:'json',

//这个参数值的是服务器返回的数据类型，默认的是null

//也就是服务器可以默认返回字符串，然后将这些字符串放在target内部

//当然还有json、xml，其中最常用的便是null和json

//对于span style="color: #333333;"a href="" target="_blank"span style="color: #333333;"json/span/a/span的使用，我们会稍后讲解到

beforeSubmit: showRequest,

success:  successRes，

type：'POST'

//提交方式，默认是自己在form标签上指定的method

//如果没有指定，则使用get。

url：''

//重新提交的url，即url可以在form中配置

//也可以在这里配置。

};

如何给动态添加的form绑定jQuery.validate.js验证

1,动态添加验证规则

// 添加

$("#addConnectUser").rules("add",{rules:{required:true,isString:true},messages:{required:"用户名为必填项",isString:"请输入规范字符"}});

// 移除$("#addConnectUser").rules('remove','required');

在此我要讲一下为什么有一个isString验证规则；这个是为了限制表单中input的输入规则；比如:不允许特殊字符，或者一些特殊的要求；这个isString是自己配置的

jQuery.validator.addMethod("isString", function(value, element) {

return this.optional(element) || (inputTest.test(value));

},"请输入规范内容");

// 此处的inputTest为你自定义的验证规则

2,如何给已经添加了表单验证的选项移除验证规则;

$("#addConnectUser").rules("remove",'required');

//再次添加可以直接用$("#addConnectUser").rules("add",'required');

jquery form 添加name

form有id或者是class吗？或者它的子孙元素有也可以。。如果没有的话，寻找这个form会比较麻烦。。但如果页面只有这一个form的话倒是可以，如下：

$("form").eq(0).attr("name","lo_form");

就这一行代码OK。

但还是有id或class好一些，因为上面代码如果在你有多个form的时候就不可以这样用了。比如如果form的id=fr，那么这样写：

$("#fr").attr("name","lo_form");

form的class=fr的话，你得知道它是第几个，这个是和第一行的代码效果一样的，其中eq(0)指的是第一个的意思，eq(1)就是第二个。这样来写：

$(".fr").eq(0).attr("name","lo_form");

如果你的form里有一个元素，它有id属性，那也好说，比如form里有一个id=child的元素，那么这样写：

$("#child").parent("form").attr("name","lo_form");

而如果你的form外面被套着一个元素，它有id属性，那一样好说，比如form外面还有个div，它的id=parent，那么这样写：

$("#parent").children("form").attr("name","lo_form");

ok，把你能遇到的基本都说了，应该有一个能用上吧。