b/s development_form 효과에 일반적으로 사용되는 JavaScript 기술
- PHP中文网원래의
- 2016-05-16 19:26:311037검색
b/s 개발에 자주 사용되는 JavaScript 기술
1. 검증 클래스
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, or 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 이메일 결정.
6.2 휴대폰번호 인증
6.3 신분증 인증
2. 기능 카테고리
1. 시간 및 관련 제어
1.1 캘린더
1.2 시간 제어
1.3 퍼페추얼 캘린더
1.4 동적 표시 시계 효과 표시(OA의 시간과 같은 텍스트)
1.5 동적 표시 시계 효과 표시(시계와 같은 이미지)
2. 양식 클래스
2.1 자동으로 생성 form
2.2 Dynamic 드롭다운 상자에 요소 추가, 수정, 삭제
2.3 내용을 입력할 수 있는 드롭다운 상자
2.4 여러 줄의 텍스트 상자에는 iMax 텍스트만 입력할 수 있습니다. 너무 많이 입력하면 자동으로 iMax 텍스트로 축소됩니다. (주로 문자 메시지 전송에 사용됩니다.)
3. 인쇄 클래스
3.1 인쇄 제어
4. 이벤트 클래스
4.1 쉴드
마우스 오른쪽 버튼 클릭 4.2 모든 기능 키 차단
4.3 ---> 및 <-- F5 F11, F9, F1
4.4 키 조합 차단 ctrl N
5. 웹 디자인
5.1 연속 텍스트와 그림 스크롤 (연속적이며 텍스트와 그림의 두 단락 사이에 공백이 없습니다.)
5.2 HTML 편집 컨트롤 클래스
5.3 색상 선택 상자 컨트롤
5.4 드롭다운 메뉴
5.5 2레벨 또는 다중 레벨 드롭다운 메뉴
5.6 IE 메뉴를 모방한 버튼. (이 효과는 rongshuxa.com의 탐색 열과 같습니다.)
5.7 상태 표시줄 및 제목 표시줄의 동적 효과(예제가 많으므로 학습할 수 있습니다.)
5.8 더블 클릭 후 웹 페이지가 자동으로 스크롤됩니다.
6. 트리 구조.
6.1 asp SQL 버전
6.2 asp xml sql 버전
6.3 java sql 또는 java sql xml
7. 경계선 없는 효과 생성
8. 링크된 드롭다운 박스 기술
9. 텍스트 정렬
1. 검증 유형
1. 숫자 검증
1.1 정수
/^(-| )?d $/.test(str)
1.2 An 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('입력 매개변수가 다음 위치에 없습니다. 시간 형식' ); false를 반환합니다.}
if (a[1]>24 || a[3]>60 || a[4]>60)
{
Alert(" 시간 형식이 잘못되었습니다.");
return false
}
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]);
반환 (d.getFullYear()==r[1]&&(d.getMonth() 1)==r[3]&&d.getDate()==r[4]);
}
2.3 长时间 형식如(2003-12-05 13:04:06)
함수 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]);
반환 (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 多行文本框的值不能超过sMaxStrlen
3.4 多行文本框的值不能少于sMixStrleng
3.5 判断单选框是否选择。
3.6 判断复选框是否选择.
3.7 复选框的全选，多选，全不选，反选
3.8 文件上传过程中判断文件类型
4、字符类
4.1 判断符全A-Z의 일부字字母组成
4.2 判断字符由字母화数字组成。
4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
/^([a-zA-z_]{1})([w]*)$ /g.test(str)
4.4 字符串替换函数.Replace();
5、浏览器类
5.1 判断浏览器적 유형
window.navigator.appName
5.2 判断ie적 특징
window.navigator.appVersion
5.3 判断客户端的分辨率
window.screen.height; window.screen.width;
6、통합
6.1 이메일적 기능.
기능 ismail(mail)
{
return(new RegExp(/^w ((-w )|(.w ))*@[A-Za-z0-9] ((.|-)[A-Za-z0-9] )*.[A-Za-z0-9] $/).test(mail));
}
6.2 手机号码的验证
6.3 身份证的验证
함수 isIdCardNo(num)
{ 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); ! = 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]); .getFullYear()= =a[3]&&(D.getMonth() 1)==a[4]&&D.getDate()==a[5];
ID번호 'a'에 생년월일 기재 [0] "틀렸습니다!"); false를 반환합니다.}
선택, 모두 선택 해제, 역선택