jQuery form 表单验证插件(fieldValue)校验表单
jQueryform表单验证相关知识，在做项目中经常会用到，其实也不算复杂，下面通过一段代码给大家介绍jQueryform表单验证插件(fieldValue)校验表单的相关知识，感兴趣的朋友一起学习吧
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<title>jQueryform插件的使用--使用fieldValue方法校验表单.</title>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<scriptsrc="jquery-1.3.1.js"type="text/javascript"></script>
<scriptsrc="jquery.form.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$('#myForm').ajaxForm({
target:'#output1',//用服务器返回的数据更新id为output1的内容.
beforeSubmit:validate//提交前，验证
});
});
functionvalidate(formData,jqForm,options){
//fieldValue是表单插件的一个方法，它能找出表单中的元素的值，返回一个集合。
varusernameValue=$('input[name=name]').fieldValue();
varaddressValue=$('input[name=address]').fieldValue();
if(!usernameValue[0]||!addressValue[0]){
alert('用户名和地址不能为空，自我介绍可以为空！');
returnfalse;
}
varqueryString=$.param(formData);//组装数据
//alert(queryString);//类似：name=1&add=2
returntrue;
}
</script>
</head>
<body>
<h3>Demo7:jQueryform插件的使用--使用fieldValue方法校验表单.</h3>
<!--demo1-->
<formid="myForm"action="ajax2.jsp"method="post">
名称：<inputtype="text"name="name"id="name"/><br/>
地址：<inputtype="text"name="address"id="address"/><br/>
自我介绍：<textareaname="comment"id="comment"></textarea><br/>
<inputtype="submit"id="test"value="提交"/><br/>
<divid="output1"></div>
</form>
</body>
</html>
以上所述是针对jQueryform表单验证插件(fieldValue)校验表单的相关内容，希望大家喜欢。