읽기 은둔 양식 유효성 검사 및 다른 검증 절차 및 관련 참고 자료를 읽고는 상대적으로 간단한 JS는 검증 절차를 형성 물품.
일반적인 형식의 번호를 확인하기 위해 간단한 구조와 전체 프로세스는 먼저 내장 개체를 확장 JS. 예를 들면 :
MINLENGTH - 당신이 채울 수없는 0 수단 추가 할 것 (1 개) 수단의 문자열의 최소 길이 채우기
- 이메일
- URL
- 데이트
- 번호
- 어떤
- \로 시작하는 두 개의 동적 형식이있다 \ 폼 컨트롤 이름과 같은 값을 나타내야합니다;
- \> 번호 등보다 큰 숫자를 나타내고 있지만 \> = 그래서
프런트 엔드 학습 qun438905713 만들기, 그룹의 대부분은 제로 학습자, 우리는 서로에 대답하고, 또한 학습 자료를 많이 준비, 서로 도움이, 교환에 제로 주니어 파트너를 환영했다. 원래 애플리케이션 파일 일정 제어 입력은 생략한다. . .
총 코드 :
동작 코드 상자
*
vForm1.0beta
- 저자 : 레이 샤오 바오
- 시간 : 2006-08-08
- URL : HTTP : //lxbzj.com
- 이메일 : [email protected]
- 라이센스 : LGPL
기능 설명 :
-
확인 :
- HTTP 주소를 입력합니다.
- 날짜와 시간
- 이메일
- 디지털
- 문자 길이 체크
- 입력 및 비교기의 다른 입력 (예 : 암호를 입력해야합니다)
- 크기 비교 (만 상대적으로 기호)
-
특징
- 쉬운 확장, 당신은 쉽게 자신의 필요 인증을 추가 할 수 있습니다
- 호환성 (ie5,6 파이어 폭스, 오프 리아).
- 좋은의 가용성은 팝업하라는 메시지 경고를 ()를 사용하지 않았다;
용도
사용시, 스타일 에러 메시지 창을 정의 할 필요가, 본 실시 예는 패턴이다 :div.info { width: 170px;
overflow:visible;
height:auto;
font-size: small;
position: absolute;
background-color: #FFffdd;
border: 1px solid #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#111111,direction=135,strength=3);
padding: 5px;
}
그런 다음 페이지의 <head> 섹션에 추가에 <script type="text/javascript" src="calendar/calendar.js"></script>
, 당신은 양식 이름, 유효성 검사 규칙을 설정하는 기능을 쓸 수 있습니다 마지막으로 신체의 onload 이벤트를 추가합니다. function start()
{
vFormvform.form_id = 'form1';
vform.err_class = 'info';
// (obj,required(true/false),dataType,errmsg,minlen,maxlen,rule,patams)
//验证规则，逐条填写
vform.rules.add('frm_name',1,'e-mail','请您按照 [email protected] 的格式输入电子邮件地址。<br /><span style="color:#f00">必填项目</span>');
vform.rules.add('myweb',1,'url','请您按照 http://www.domain.com 的格式输入您的网址。<br /><span style="color:#f00">必填项目</span>');
vform.rules.add('dateinput',0,'date','请按2000-03-05 的格式输入日期。<br /><span style="color:#f00">必填项目</span>');
vform.rules.add('qq',0,'number','这必须是一个整数');
vform.rules.add('least10',10,'any','您必须至少填写10个<br /><span style="color:#f00">必填项目</span>');
vform.rules.add('ok100',1,'any','这里被限制为100个字符<br /><span style="color:#f00">必填项目</span>',100);
vform.init();
}<body onload="start();">
