在b/s開發中經常用到的javaScript技術
在b/s開發中經常用到的javaScript技術[@more@]一、驗證類
1、數字驗證內
1.1 整數
1.2 大於0的整數 （用於傳來的ID的驗證)
1.3 負整數的驗證
1.4 整數不能大於iMax
1.5 整數不能小於iMin
2、時間類
2.1 短時間，形如 (13:04:06)
2.2 短日期，形如 (2003-12-05)
2.3 長時間，形如 (2003-12-05 13:04:06)
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小時和分鐘,形如(12:03)
3、表單類
3.1 所有的表單的值都不能為空
3.2 多行文字框的值不能為空。
3.3 多行文字框的值不能超過sMaxStrleng
3.4 多行文字框的值不能少於sMixStrleng
3.5 判斷單選框是否選擇。
3.6 判斷核取方塊是否選擇.
3.7 核取方塊的全選，多選，全不選，反選
3.8 檔案上傳過程中判斷檔案型別
4、字元類
4.1 判斷字元全部由a-Z或者是A-Z的字字母組成
4.2 判斷字元由字母和數字組成。
4.3 判斷字元由字母和數字，下劃線,點號組成.且開頭的只能是下劃線和字母
4.4 字串替換函式.Replace();
5、瀏覽器類
5.1 判斷瀏覽器的型別
5.2 判斷ie的版本
5.3 判斷客戶端的解析度
6、結合類
6.1 email的判斷。
6.2 手機號碼的驗證
6.3 身份證的驗證
二、功能類
1、時間與相關控制元件類
1.1 日曆
1.2 時間控制元件
1.3 萬年曆
1.4 顯示動態顯示時鐘效果（文字，如OA中時間）
1.5 顯示動態顯示時鐘效果 (影像，像手錶)
2、表單類
2.1 自動生成表單
2.2 動態新增，修改，刪除下拉框中的元素
2.3 可以輸入內容的下拉框
2.4 多行文字框中只能輸入iMax文字。如果多輸入了，自動減少到iMax個文字（多用於簡訊傳送)
3、列印類
3.1 列印控制元件
4、事件類
4.1 遮蔽右鍵
4.2 遮蔽所有功能鍵
4.3 --> 和4.4 遮蔽組合鍵ctrl+N
5、網頁設計類
5.1 連續滾動的文字，圖片（注意是連續的，兩段文字和圖片中沒有空白出現）
5.2 html編輯控制元件類
5.3 顏色選取框控制元件
5.4 下拉選單
5.5 兩層或多層次的下拉選單
5.6 仿IE選單的按鈕。（效果如rongshuxa.com的導航欄目)
5.7 狀態列，title欄的動態效果（例子很多，可以研究一下）
5.8 雙擊後，網頁自動滾屏
6、樹型結構。
6.1 asp+SQL版
6.2 asp+xml+sql版
6.3 java+sql或者java+sql+xml
7、無邊框效果的製作
8、連動下拉框技術
9、文字排序
主題:RE 灌水員bity 2005-05-25 11:02:08 一、驗證類
1、數字驗證內
1.1 整數
/^(-|+)?d+$/.test(str)
1.2 大於0的整數 （用於傳來的ID的驗證)
/^d+$/.test(str)
1.3 負整數的驗證
/^-d+$/.test(str)
2、時間類
2.1 短時間，形如 (13:04:06)
function isTime(str)
{
var a = str.match(/^(d{1,2})(:)?(d{1,2})2(d{1,2})$/);
if (a == null) {alert('輸入的引數不是時間格式'); return false;}
if (a[1]>24 || a[3]>60 || a[4]>60)
{
alert("時間格式不對");
return false
}
return true;
}
2.2 短日期，形如 (2003-12-05)
function strDateTime(str)
{
var r = str.match(/^(d{1,4})(-|/)(d{1,2})2(d{1,2})$/);
if(r==null)return false;
var d= new Date(r[1], r[3]-1, r[4]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}
2.3 長時間，形如 (2003-12-05 13:04:06)
function strDateTime(str)
{
var reg = /^(d{1,4})(-|/)(d{1,2})2(d{1,2}) (d{1,2}):(d{1,2}):(d{1,2})$/;
var r = str.match(reg);
if(r==null)return false;
var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小時和分鐘,形如(12:03)
3、表單類
3.1 所有的表單的值都不能為空
3.2 多行文字框的值不能為空。
3.3 多行文字框的值不能超過sMaxStrleng
主題:RE: 2005-05-25 11:03:34 3.4 多行文字框的值不能少於sMixStrleng
3.5 判斷單選框是否選擇。
3.6 判斷核取方塊是否選擇.
3.7 核取方塊的全選，多選，全不選，反選
3.8 檔案上傳過程中判斷檔案型別
4、字元類
4.1 判斷字元全部由a-Z或者是A-Z的字字母組成
4.2 判斷字元由字母和數字組成。
4.3 判斷字元由字母和數字，下劃線,點號組成.且開頭的只能是下劃線和字母
/^([a-zA-z_]{1})([w]*)$/g.test(str)
4.4 字串替換函式.Replace();
5、瀏覽器類
5.1 判斷瀏覽器的型別
window.navigat or.appName
5.2 判斷ie的版本
window.navigat or.appVersion
5.3 判斷客戶端的解析度
window.screen.height; window.screen.width;
6、結合類
6.1 email的判斷。
function ismail(mail)
{
return(new RegExp(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/).test(mail));
}
主題:RE: 2005-05-25 11:04:52 6.2 手機號碼的驗證
6.3 身份證的驗證
function isIdCardNo(num)
{
if (isNaN(num)) {alert("輸入的不是數字！"); return false;}
var len = num.length, re;
if (len == 15)
re = new RegExp(/^(d{6})()?(d{2})(d{2})(d{2})(d{3})$/);
else if (len == 18)
re = new RegExp(/^(d{6})()?(d{4})(d{2})(d{2})(d{3})(d)$/);
else {alert("輸入的數字位數不對！"); return false;}
var a = num.match(re);
if (a != null)
{
if (len==15)
{
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
else
{
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
if (!B) {alert("輸入的身份證號 "+ a[0] +" 裡出生日期不對！"); return false;}
}
return true;
}
主題:RE: 2005-05-25 11:05:32 3.7 核取方塊的全選，多選，全不選，反選
全選
全選
3.8 檔案上傳過程中判斷檔案型別
畫圖:
id=S
style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px"
height=240
width=392
classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">
主題:RE: 2005-05-25 11:06:20 寫登錄檔：
TABLAE相關(客戶端動態增加行列）
主題:RE: 2005-05-25 11:08:30
onclick="editerTableCell('editer_table','no_editer')">
自由編輯表格
單擊開始編輯按鈕,然後點選各單元格編輯
2
3
4
5
6
one
two
three
four
five
six
posted on 2005-04-16 14:35 Stephen 閱讀(5) 評論(0) 編輯 收藏
FeedBack:
標題 請輸入標題
姓名 請輸入你的姓名
主頁
請輸入驗證碼
驗證碼 *
1、數字驗證內
1.1 整數
1.2 大於0的整數 （用於傳來的ID的驗證)
1.3 負整數的驗證
1.4 整數不能大於iMax
1.5 整數不能小於iMin
2、時間類
2.1 短時間，形如 (13:04:06)
2.2 短日期，形如 (2003-12-05)
2.3 長時間，形如 (2003-12-05 13:04:06)
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小時和分鐘,形如(12:03)
3、表單類
3.1 所有的表單的值都不能為空
3.2 多行文字框的值不能為空。
3.3 多行文字框的值不能超過sMaxStrleng
3.4 多行文字框的值不能少於sMixStrleng
3.5 判斷單選框是否選擇。
3.6 判斷核取方塊是否選擇.
3.7 核取方塊的全選，多選，全不選，反選
3.8 檔案上傳過程中判斷檔案型別
4、字元類
4.1 判斷字元全部由a-Z或者是A-Z的字字母組成
4.2 判斷字元由字母和數字組成。
4.3 判斷字元由字母和數字，下劃線,點號組成.且開頭的只能是下劃線和字母
4.4 字串替換函式.Replace();
5、瀏覽器類
5.1 判斷瀏覽器的型別
5.2 判斷ie的版本
5.3 判斷客戶端的解析度
6、結合類
6.1 email的判斷。
6.2 手機號碼的驗證
6.3 身份證的驗證
二、功能類
1、時間與相關控制元件類
1.1 日曆
1.2 時間控制元件
1.3 萬年曆
1.4 顯示動態顯示時鐘效果（文字，如OA中時間）
1.5 顯示動態顯示時鐘效果 (影像，像手錶)
2、表單類
2.1 自動生成表單
2.2 動態新增，修改，刪除下拉框中的元素
2.3 可以輸入內容的下拉框
2.4 多行文字框中只能輸入iMax文字。如果多輸入了，自動減少到iMax個文字（多用於簡訊傳送)
3、列印類
3.1 列印控制元件
4、事件類
4.1 遮蔽右鍵
4.2 遮蔽所有功能鍵
4.3 --> 和4.4 遮蔽組合鍵ctrl+N
5、網頁設計類
5.1 連續滾動的文字，圖片（注意是連續的，兩段文字和圖片中沒有空白出現）
5.2 html編輯控制元件類
5.3 顏色選取框控制元件
5.4 下拉選單
5.5 兩層或多層次的下拉選單
5.6 仿IE選單的按鈕。（效果如rongshuxa.com的導航欄目)
5.7 狀態列，title欄的動態效果（例子很多，可以研究一下）
5.8 雙擊後，網頁自動滾屏
6、樹型結構。
6.1 asp+SQL版
6.2 asp+xml+sql版
6.3 java+sql或者java+sql+xml
7、無邊框效果的製作
8、連動下拉框技術
9、文字排序
主題:RE 灌水員bity 2005-05-25 11:02:08 一、驗證類
1、數字驗證內
1.1 整數
/^(-|+)?d+$/.test(str)
1.2 大於0的整數 （用於傳來的ID的驗證)
/^d+$/.test(str)
1.3 負整數的驗證
/^-d+$/.test(str)
2、時間類
2.1 短時間，形如 (13:04:06)
function isTime(str)
{
var a = str.match(/^(d{1,2})(:)?(d{1,2})2(d{1,2})$/);
if (a == null) {alert('輸入的引數不是時間格式'); return false;}
if (a[1]>24 || a[3]>60 || a[4]>60)
{
alert("時間格式不對");
return false
}
return true;
}
2.2 短日期，形如 (2003-12-05)
function strDateTime(str)
{
var r = str.match(/^(d{1,4})(-|/)(d{1,2})2(d{1,2})$/);
if(r==null)return false;
var d= new Date(r[1], r[3]-1, r[4]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}
2.3 長時間，形如 (2003-12-05 13:04:06)
function strDateTime(str)
{
var reg = /^(d{1,4})(-|/)(d{1,2})2(d{1,2}) (d{1,2}):(d{1,2}):(d{1,2})$/;
var r = str.match(reg);
if(r==null)return false;
var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小時和分鐘,形如(12:03)
3、表單類
3.1 所有的表單的值都不能為空
3.2 多行文字框的值不能為空。
3.3 多行文字框的值不能超過sMaxStrleng
主題:RE: 2005-05-25 11:03:34 3.4 多行文字框的值不能少於sMixStrleng
3.5 判斷單選框是否選擇。
3.6 判斷核取方塊是否選擇.
3.7 核取方塊的全選，多選，全不選，反選
3.8 檔案上傳過程中判斷檔案型別
4、字元類
4.1 判斷字元全部由a-Z或者是A-Z的字字母組成
4.2 判斷字元由字母和數字組成。
4.3 判斷字元由字母和數字，下劃線,點號組成.且開頭的只能是下劃線和字母
/^([a-zA-z_]{1})([w]*)$/g.test(str)
4.4 字串替換函式.Replace();
5、瀏覽器類
5.1 判斷瀏覽器的型別
window.navigat or.appName
5.2 判斷ie的版本
window.navigat or.appVersion
5.3 判斷客戶端的解析度
window.screen.height; window.screen.width;
6、結合類
6.1 email的判斷。
function ismail(mail)
{
return(new RegExp(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/).test(mail));
}
主題:RE: 2005-05-25 11:04:52 6.2 手機號碼的驗證
6.3 身份證的驗證
function isIdCardNo(num)
{
if (isNaN(num)) {alert("輸入的不是數字！"); return false;}
var len = num.length, re;
if (len == 15)
re = new RegExp(/^(d{6})()?(d{2})(d{2})(d{2})(d{3})$/);
else if (len == 18)
re = new RegExp(/^(d{6})()?(d{4})(d{2})(d{2})(d{3})(d)$/);
else {alert("輸入的數字位數不對！"); return false;}
var a = num.match(re);
if (a != null)
{
if (len==15)
{
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
else
{
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
if (!B) {alert("輸入的身份證號 "+ a[0] +" 裡出生日期不對！"); return false;}
}
return true;
}
主題:RE: 2005-05-25 11:05:32 3.7 核取方塊的全選，多選，全不選，反選
全選
全選
3.8 檔案上傳過程中判斷檔案型別
畫圖:
id=S
style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px"
height=240
width=392
classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">
主題:RE: 2005-05-25 11:06:20 寫登錄檔：
TABLAE相關(客戶端動態增加行列）
主題:RE: 2005-05-25 11:08:30
請單擊某個單元格進行編輯!
posted on 2005-04-16 14:35 Stephen 閱讀(5) 評論(0) 編輯 收藏
FeedBack:
標題 請輸入標題
姓名 請輸入你的姓名
主頁
請輸入驗證碼
驗證碼 *
來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/310974/viewspace-802690/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- 開發中經常使用到的Xcode快捷鍵XCode
- vue中經常要用到的程式碼Vue
- 不同型別的app開發所用到的技術型別APP
- SQL 自定義函式 生成網路卡地址,MES開發中經常會用到的SQL函式
- 【Python】開發過程中經常使用到的5種設計模式有哪些?Python設計模式
- 系統開發中的B/S架構架構
- B站投資終極幻境，後者經營遊戲軟體的技術開發遊戲
- 列舉在Web前端開發中經常會設定的特殊樣式！Web前端
- 讀《JavaScript核心技術開發解密》筆記JavaScript解密筆記
- 社交專案中用到的技術
- 網校原始碼：網校系統開發會用到哪些技術？原始碼
- 列舉在移動Web開發中經常會設定的特殊樣式！Web
- 前端開發技術-剖析JavaScript單執行緒前端JavaScript執行緒
- 好程式設計師技術文件HTML5開發中的javascript閉包程式設計師HTMLJavaScript
- 公司技術棧用到了ElasticsearchElasticsearch
- 開發經驗漫談 -- Git在開發流程中的運用Git
- Web經典B/S快速開發框架，強大後臺+簡潔UI一體化開發工具Web框架UI
- 開發經常需要的好用API大全API
- 敏捷開發大家談（三）--敏捷開發技術在電子商務軟體中的應用(2)敏捷
- 前端開發技術-剖析JavaScript單執行緒 原創前端JavaScript執行緒
- DWDM技術在B站基礎工程的落地實踐之路
- B站基於K8S的雲原生混部技術實踐K8S
- 直播系統搭建所用到的技術原理
- 玩轉iOS開發：iOS開發中的裝逼技術 – RunTime(一)iOS
- 玩轉iOS開發：iOS開發中的裝逼技術 – RunTime(二)iOS
- 在Linux中，什麼是叢集，並且列出常見的叢集技術。Linux
- 分析技術在PMP中的應用
- 在Flutter開發過程中快速生成json解析模板類的工具 | 掘金技術徵文FlutterJSON
- Javascript 碰到的技術大全JavaScript
- 開發中經常需要確認mysql的一些資訊MySql
- 一對一直播系統原始碼開發需要用到什麼技術原始碼
- 生鮮 B2B 如何搭建高效的技術團隊（B2B 技術共享第四篇）
- AR技術在藝術展館中的使用效果
- 學javascript需要用到哪些開發工具？分享這幾款JavaScript
- 從技術談到管理，把系統優化的技術用到企業管理優化
- 用技術的“信條”，開啟AI to B的產業位移AI產業
- javascript 技術精要JavaScript
- 深度學習在攝影技術中的應用與發展深度學習
- 工業產品開發過程中的PDM技術