>  기사  >  웹 프론트엔드  >  JavaScript는 RegExp_javascript 팁을 통해 클라이언트 측 유효성 검사 핸들러를 구현합니다.

JavaScript는 RegExp_javascript 팁을 통해 클라이언트 측 유효성 검사 핸들러를 구현합니다.

WBOY
WBOY원래의
2016-05-16 17:34:261115검색
1. asp.net mvc3.0의 텍스트 상자 컨트롤을 사용하여 텍스트 상자에 숫자만 입력할 수 있도록 합니다.
코드 복사 코드는 다음과 같습니다.

@Html.TextBox("txt",null, new {@style="width:300;",onkeypress="return RegValidateIsDigit (event)" })

텍스트 상자에 onkeypress 이벤트가 등록된 것을 확인할 수 있습니다. 텍스트 상자에 문자를 입력하고 키보드를 누르면 JavaScript 기능이 실행됩니다.
코드 복사 코드는 다음과 같습니다.

🎜>
먼저 브라우저를 판단하고 호환성을 처리합니다. 그런 다음 String.formCharCode(KeyChar)를 사용하여 해당 문자를 찾습니다.
마지막으로 regIsDigit 함수
에서 일치하는 일반 패턴을 정의합니다.


var reg = new RegExp("^[0-9]$")


왜냐하면 0~9의 숫자값입니다. d, 즉


var reg = new RegExp(" \d$");


정규 표현식 리터럴은 슬래시(/) 쌍 사이에 포함된 문자로도 정의됩니다. 따라서 JavaScript에는 다음 코드가 포함될 수 있습니다.


var reg=/d$/;


여기에서도 테스트 기능이 사용됩니다. 지정된 문자열이 존재하는지 확인합니다. 일반적으로 사용되는 기능에는 exec 일치 검색 교체 분할 및 기타 기능이 포함됩니다.
첫 번째를 이해하셨다면 정규식만 적용하시면 사용이 가능합니다.

2. 텍스트 상자에는 중국어 입력만 허용됩니다

function RegValidateIs Chinese(str) {
//var reg = new RegExp("^[u4e00-u9fa5] $")
var reg = /^[u4E00-u9FA5] $/;
var str=document.getElementById("text").value;
return (reg.test(str))
}


RegValidateIs Chinese("Input string" )은 한자이면 true를 반환하고, 모두 한자가 아니면 false를 반환

3. 이메일 입력 형식 판단

function RegValidateIsEmail(str) {
//var reg = /^([a- zA-Z0-9_-]) @@([a -zA-Z0-9_-]) ((.[a-zA-Z0-9_-]{2,3}){1,2})$/;
var reg=/^w ((-w )|(.w ))*@@{1}w .{1}w{2,4}(.{0,1}w{2}){ 0,1}/ig;
if (reg .test(str)) {
alert("이메일 주소입니다.")
}
else {
alert("잘못된 형식입니다. ");
}
}


두 정의 모두 예비 테스트에 허용됩니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.