jQuery form 表單驗證插件(fieldValue)校驗表單

更新時間：2016年01月24日 16:19:39 作者：daliu_it

這篇文章主要介紹了jQuery form 表單驗證插件(fieldValue)校驗表單的相關資料,需要的朋友可以參考下

jQuery form表單驗證相關知識，在做項目中經(jīng)常會用到，其實也不算復雜，下面通過一段代碼給大家介紹jQuery form 表單驗證插件(fieldValue)校驗表單的相關知識，感興趣的朋友一起學習吧

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery form插件的使用--使用 fieldValue 方法校驗表單.</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(document).ready(function() { 
$('#myForm').ajaxForm({ 
target: '#output1', // 用服務器返回的數(shù)據(jù) 更新 id為output1的內(nèi)容.
beforeSubmit: validate // 提交前，驗證
}); 
});
function validate(formData, jqForm, options) { 
// fieldValue 是表單插件的一個方法，它能找出表單中的元素的值，返回一個集合。
var usernameValue = $('input[name=name]').fieldValue(); 
var addressValue = $('input[name=address]').fieldValue(); 
if (!usernameValue[0] || !addressValue[0]) { 
alert('用戶名和地址不能為空，自我介紹可以為空！'); 
return false; 
} 
var queryString = $.param(formData); //組裝數(shù)據(jù)
//alert(queryString); //類似 ： name=1&add=2 
return true; 
}
</script> 
</head>
<body>
<h3> Demo 7 : jQuery form插件的使用--使用 fieldValue 方法校驗表單. </h3>
<!-- demo1 -->
<form id="myForm" action="ajax2.jsp" method="post"> 
名稱： <input type="text" name="name" id="name" /> <br/>
地址： <input type="text" name="address" id="address"/><br/> 
自我介紹： <textarea name="comment" id="comment" ></textarea> <br/>
<input type="submit" id="test" value="提交" /> <br/>
<div id="output1" ></div>
</form>
</body>
</html>

以上所述是針對jQuery form 表單驗證插件(fieldValue)校驗表單的相關內(nèi)容，希望大家喜歡。

您可能感興趣的文章:

使用jquery.upload.js實現(xiàn)異步上傳示例代碼
這篇文章主要介紹了使用jquery.upload.js實現(xiàn)異步上傳的示例代碼,需要的朋友可以參考下
2014-07-07
JQuery中$之選擇器用法介紹
在jQuery 中$("<span>")，這個語法等同于$(document.createElement("span")) ，這是一種用法
2011-04-04
jQuery生成asp.net服務器控件的代碼
jQuery生成asp.net服務器控件但不幸的是，該服務器控件依然沒有起作用，還是用隱藏服務器控件來解決吧
2010-02-02
jQuery+canvas實現(xiàn)的球體平拋及顏色動態(tài)變換效果
這篇文章主要介紹了jQuery+canvas實現(xiàn)的球體平拋及顏色動態(tài)變換效果,通過jQuery結合html5的canvas技術調(diào)用時間函數(shù)實時進行數(shù)學運算,最終實現(xiàn)球體平拋及顏色動態(tài)變換的效果,需要的朋友可以參考下
2016-01-01
精心挑選的15款優(yōu)秀jQuery 本特效插件和教程
今天這篇文章向大家分享15款精心挑選的優(yōu)秀 jQuery 文本特效插件，都帶有詳細的使用教程。jQuery 是最流行和使用最廣泛的 JavaScript 框架，它簡化了 HTML 文檔遍歷，事件處理，動畫以及Ajax交互，幫助 Web 開發(fā)人員更快速的實現(xiàn)各種精美的界面效果
2012-08-08
JavaScript與JQUERY獲取元素的寬、高和位置
文章給大家匯總整理了JavaScript以及jQuery獲取元素高寬和位置等信息的方法，非常的全面，小伙伴們可以記錄下以便查看
2017-02-02
Jquery ajaxsubmit上傳圖片實現(xiàn)代碼
這是數(shù)月前的事情了，場景是這樣的：在進行圖片上傳的時，我發(fā)現(xiàn)開發(fā)人員使用的上傳圖片方式是Iframe + 傳統(tǒng)的 http post 來處理的。
2010-11-11
Jquery 實現(xiàn)Tab效果思路是js思路
Jquery 實現(xiàn)Tab效果，思路就是普通的用js的思路控制的，腳本之家發(fā)布過更精簡的代碼，這個比較適合一直用js開始學用jquery控制的朋友一個參考。
2010-03-03
jQuery中serializeArray()與serialize()的區(qū)別實例分析
這篇文章主要介紹了jQuery中serializeArray()與serialize()的區(qū)別,結合實例形式分析了jQuery中serializeArray()與serialize()的具體功能、使用技巧與用法區(qū)別,需要的朋友可以參考下
2015-12-12
jQuery中addClass()方法用法實例
這篇文章主要介紹了jQuery中addClass()方法用法,實例分析了addClass()方法的功能、定義及向匹配元素添加一個或多個類的使用技巧,需要的朋友可以參考下
2015-01-01