DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
WEB網站前端
>>
關於網頁技巧
>> 超級強大的表單驗證代碼
超級強大的表單驗證代碼
編輯:關於網頁技巧  
超級強大的表單驗證代碼
<title>表單驗證類 Validator v1.01</title> <style> body,td{font:normal 12px Verdana;color:#333333} input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff} table{border-collapse:collapse;} td{padding:3px} input{height:20;} textarea{width:80%;height:50px;overfmin:auto;} form{display:inline} </style> <table align="center"> <form name="theForm" id="demo" action="" method="get" onSubmit="return Validator.Validate(this,2)"> <tr> <td>真實姓名:</td><td><input name="Name" dataType="Chinese" msg="真實姓名只允許中文"></td> </tr> <tr> <td>英文名:</td><td><input name="Nick" dataType="English" require="false" msg="英文名只允許英文字母"></td> </tr> <tr> <td>主頁:</td><td><input name="Homepage" require="false" dataType="Url" msg="非法的Url"></td> </tr> <tr> <td>密碼:</td><td><input name="Password" dataType="SafeString" msg="密碼不符合安全規則" type="password"></td> </tr> <tr> <td>重復:</td><td><input name="Repeat" dataType="Repeat" to="Password" msg="兩次輸入的密碼不一致" type="password"></td> </tr> <tr> <td>信箱:</td><td><input name="Email" dataType="Email" msg="信箱格式不正確"></td> </tr> <tr> <td>信箱:</td><td><input name="Email" dataType="Repeat" to="Email" msg="兩次輸入的信箱不一致"></td> </tr> <tr> <td>QQ:</td><td><input name="QQ" require="false" dataType="QQ" msg="QQ號碼不存在"></td> </tr> <tr> <td>身份證:</td><td><input name="Card" dataType="IdCard" msg="身份證號碼不正確"></td> </tr> <tr> <td>年齡:</td><td><input name="Year" dataType="Range" msg="年齡必須在18~28之間" min="18" max="28"></td> </tr> <tr> <td>年齡1:</td><td><input name="Year1" require="false" dataType="Compare" msg="年齡必須在18以上" to="18" operator="GreaterThanEqual"></td> </tr> <tr> <td>電話:</td><td><input name="Phone" require="false" dataType="Phone" msg="電話號碼不正確"></td> </tr> <tr> <td>手機:</td><td><input
12345下一頁
上一頁:
珍藏版:不可或缺的腳本代碼
下一頁:
一個非常漂亮的腳本日歷
關於網頁技巧
網頁設計教程(4):關於素材和言志
上一篇網頁制作教程:網頁設計教程(3):設計步驟及思考關於收集素材:三遍記憶,讓你記住海量素材的准確
網站該在什麼時候放置廣告
最近和網路前輩討論到「廣告」,他說了一段蠻有趣的看法:網路廣告的總金額好像是在攀升中的,但是,廣告的
poluoluo收集11個暗調風格的電子商務網站設計
網頁制作poluoluo文章簡介:11個暗調購物網站設計. 11個暗調購物網站
相關文章
原生的強大DOM選擇器querySelector介紹
傳說中添加超級用戶的asp代碼分析
XMLHTTP: 網站超級粘合劑
asp.net ajax學習系列功能強大的Updatepanel控件
7個免費強大的Ajax文件管理器
用圖片實現超級鏈接的個性化下劃線
網頁標准化制作:CSS的超級技巧大放送
CSS制作的一個動態的超級鏈接效果
隱藏狀態欄上的超級連接信息的網頁特效代碼
超級連接隱藏狀態欄的提示
前端技巧
關於網頁技巧
WEB前端代碼
網頁特效代碼
小編推薦
microformat官方對於hCard的解釋
貼近用戶心理模型的設計
網站分析:監控網站的用戶點擊行為
用戶需求分析:用戶喜愛游戲究竟是什麼心理
用戶研究:如何正視心理學
互聯網社區產品設計中的關系設計問題總結
Foursquare的成功歷程:用戶參與和用戶黏性
設計欣賞:張揚個性的名片網站設計實例
交互設計任務分析:層次任務分析設計方法
如何設計和進行可用性測試:分析找到可用性問題
熱門推薦
網頁設計商品價目表最佳設計策略
用戶體驗分析:iPad用戶體驗的交互設計
SNS領域的初步探索:非流失用戶及流失用戶的相關模型
用戶體驗設計:電商網站產品頁的購買按鈕
用960 Grid System時考慮的一些問題
視覺設計實例:亞運官網的改版
網站廣告圖設計:產品照片和廣告文案的排版
用戶需求與設計師的理想設計:如何把握用戶需求
用戶體驗設計:掩飾密碼還是明文密碼
大家都在看
初試jQuery EasyUI 使用介紹
整理Javascript流程控制語句學習筆記
jQuery照片伸縮效果不影響其他元素的布局
javascript處理表單示例(javascript提交表單)
jQuery使用append在html元素後同時添加多項內容的方法教程
ajax初級教程之獲取博文列表
用jQuery模擬select下拉框的簡單示例代碼
JS獲取iframe中marginHeight和marginWidth屬性的方法
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved