JS検証関数の呼び出し方法と注意点：
1.フォームにonsubmit="return test()"を設定し、と連携して送信します。 /マウスを押して関数を直接呼び出すとき validation
3. //検証のために独自の値を渡し、test(this)//検証のためにオブジェクト自体を渡す
4. //Btn Verify をクリックし、合格した場合は document.forms[0].submit() を使用してフォームを送信します
5.//送信の検証に submit を使用します。テストで false が返された場合は使用しません。
6.
7.||Not with, && or,!
8. 一般的なイベント: onblur はフォーカスを失い、onchange はフォーカスを失い、コンテンツが変更されます。要素がフォーカスを取得し、フォームのときに onreset RESET 属性がアクティブ化されている場合、onsubmit フォームが送信されたときにこのイベントがトリガーされます
9. 正規表現を確認します: if (/^[1-9]d*$/.test) (str)) true を返して合格します。FALSE は
10.document.getElementById("ip").value を通じて ID の値にアクセスしません//document.form1.text1.value を通じて ID の値にアクセスします//名前でアクセス
11.
//単一項目を実行 通常の検証例検証関数:
1. 文字数制限
function test()
{
if(document.form1.text1.value.length>50 )
{
alert("50 文字を超えることはできません!");
document.form1.text1.focus() ;
return false;
}
}
2. 英語、文字、数字のみを使用できます。
function test()
{
if(!(event.keyCode) >=65&&event.keyCode{ alert( "英語のみ可能です!")
document.form1.text1.focus(); }
//文字または数字
3. 数字のみを使用できます
function test() {
if(!((event.keyCode>=48&&event.keyCode
=96&&event.keyCode{
alert("数字のみを使用できます! "); document.form1.text1.focus(); }
}
または
function test(NUM)
{
var i,j,strTemp;
strTemp="0123456789";
if ( NUM.length== 0)
return 0
for (i=0;i{
j=strTemp.indexOf(NUM.charAt(i));
if (j==-1) {
alert("数値のみです!"); ;
}
}
//説明は数値です
return true;
5. メールの検証 (通常、関数)
function isEmail(strEmail) {
if (strEmail.search(/^w ((-w )|(.w ))*@[A-Za-z0-9] ((.|-)[A-Za-z0-9] ) *.[A -Za-z0-9] $/) != -1)
return true;
else
alert("フォーマットエラー!");
関数 isEmail () {
if (document.userinfo.useremail.value.charAt(0)=="." ||
document.userinfo.useremail.value.charAt(0)=="@"||
document.userinfo.useremail.value.indexOf('@', 0) == -1 ||
document.userinfo.useremail.value.indexOf('.', 0) == -1 || 🎜>document.userinfo.useremail.value.lastIndexOf("@")==document.userinfo.useremail.value.length-1 ||
document.userinfo.useremail.value.lastIndexOf(".")== document.userinfo.useremail.value.length-1)
{
alert("メール アドレスの形式が正しくありません。 ");
document.userinfo.useremail.focus();
return false;
}
}
6. キーワードをブロックします (ここで *** をブロックし、 ****)
function test() {
if((document.form1.text1.value.indexOf ("***") == 0)||(document.form1.text1.value . IndexOf ("****") == 0)){
alert("キーワードが存在します");
return false; 🎜>}
7. 2 つの入力を比較して同じかどうかを確認します。if(document.userinfo.userpassword.value != document.userinfo.userpassword1.value) {
document.userinfo.userpassword .focus( );
document.userinfo.userpassword.value = '';
document.userinfo.userpassword1.value = ''; !");
return false;
}
8. 空かスペースで構成されているかを判断します
function test(){
if(checkspace(document.form1.text1.value) ) {
document.form1.text1.focus();
alert("空であるか、スペースが含まれています。");
return false;
}
}
function checkspace(checkstr) {
var str = '';
for(i = 0; i str = str ' ';
}
return (str == checkstr);
}
または:
// 単一の通常の検証例を実行します
9. デジタル電話かどうかを確認します。番号と -
通常: d{3}-d{8}|d{4}-d{7}
関数のみです。 istel(elem) {
var str=elem.value;
var oneChar=0;
str=str.toString( ); 0; iif(oneChar 57) {
alert("この項目には数字と「-」記号のみを入力できます。"); return
}
} return
}
または
function fucCheckTEL(TEL)
{
var i,j,strTemp;
strTemp="0123456789-()# "; {
j=strTemp.indexOf(TEL.charAt(i));
if (j==-1)
{
alert("のみこの項目には数字と「-」が入力できます 'No.");
return false; }
}
//説明は正当です
return true;
}
または
//通常の電話番号、FAX番号を確認します: 「」で始まることができ、数字に加えて「-」を含めることもできます
function isTel(s)
{
/ /var patrn=/^[ ]{0,1}(d) {1,3}[ ]?([-]?(d){1,12}) $/; ]{0,1}(d){1,3}[ ] ?([-]?((d)|[ ]){1,12}) $/;
if (!patrn.exec(s) )) return false
return true
}
または
要件:
(1) 電話番号は数字、「(」、「)」、「-」で構成されます
( ２）電話番号が３～８桁の場合
（３）電話番号に市外局番が含まれる場合、市外局番が３桁または４桁の場合
（４）市外局番が他の番号と分離されている「(」、「)」、「-」で区切る
(5) 携帯電話番号は 11 桁または 12 桁で、12 桁の場合は最初の 1 桁は 0
(6) 最初と11桁の携帯電話番号の2桁目は「13」
(7) 12桁の携帯電話番号の1桁目は2桁目と3桁目は「13」
このルールによれば、以下のとおりとなります。正規表現は次のように生成できます:
(^[0-9]{3,4}-[0-9]{3 ,8}$)|(^[0-9]{3,8}$)| (^([0-9]{3,4})[0-9]{3,8}$)|(^ 0{0,1}13[0-9]{9}$)
関数PhoneCheck(s) {
var str=s;
var reg=/(^[0-9]{3 ,4}-[0-9]{3,8}$)|(^[0 -9]{3,8}$)|(^([0-9]{3,4})[0-9 ]{3,8}$)|(^0{0,1}13[0- 9]{9}$)/
alert(reg.test(str));
}
10.//opt2 が 1 の場合、num が負の数であるかどうかを確認します//opt1 が 1 の場合、num が 10 進数であるかどうかを確認します。 //1 を返すと正しく、0 を返すと間違いです
function chknbr(num ,opt1,opt2)
{
var i=num.length;
var staus;
//status は .status=0;
if ( (opt2!=1) && (num.charAt(0)=='-) の数を記録するために使用されます。 '))
{
alert("無効な番号を入力しました。");
return 0;
}
//最後の桁が .
の場合、エラーが発生します。 if (num.charAt(i-1)=='.')
{
alert("無効な番号を入力しました。")
return
}
for (j=0;j{
if (num.charAt(j)=='.')
{
ステータス ;
if ( status>1)
{
alert("無効な番号を入力しました。"); return 0;
}
if (num.charAt(j)
'9 ' )
{
if (((opt1==0) || (num.charAt(j)!='.') ) && (j!=0))
{
アラート(「無効な番号を入力しました。」);
return
}
} return 1;
}
11.数字または文字の文字列
function test(str)
{
var strSource ="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var temp; i=0;i{
ch = str.charAt(i);
temp = strSource.indexOf(ch); temp==-1)
{
alert("形式が正しくありません!");
return false;
}
}
if (strSource.indexOf(ch)==- 1)
{
alert("形式が正しくありません!");
return false; {
return true;
12. 数値検証
正の整数検証^[1-9]d*$、負の整数検証^-[1-9] d*$、整数^-?[1-9]d*$、負でない整数^[1-9]d*|0$、正でない正の数^-[1-9]d*|0$、浮動小数点数^-?([1-9]d*.d* |0.d*[1-9]d*|0?.0 |0)$
function test(str){
if( /^[1-9]d*$/.test(str) ))
{
alert("無効な形式です!");
return false;
}
else
{
return
}
}
13. ID カード
通常: d{15}|d{18}
14. IP アドレス
通常: d. d .d .d
15.通常: [1-9]d{5}(?!d)
function isPostalCode(s)
{
//var patrn =/^[a-zA-Z0-9]{3, 12}$/;
var patrn=/^[a-zA-Z0-9]{3,12}$/;
if (!patrn.exec(s)) return false
return true
}
16.QQ 番号
正規: [1-9][0-9]{4,}
17. HTML タグ
正規: d{3}-d{8 }|d{4}-d{7}
18. 色の値は有効ですか?
関数 IsColor(color){
var temp =color; true を返す;
if (temp.length!=7) false を返す;
return (temp.search(/\#[a-fA-F0 -9]{6}/) != -1);
}
19. リンクは有効ですか?
var sTemp;
sTemp=url.substring(0,7) ;
sTemp=sTemp.toUpperCase();
if ((sTemp!="HTTP://")||(url.lengthb=false;
リターン b;
20. 携帯電話番号は有効ですか?
関数 IsMobile(_str){
var pattern = /13\d{9}/; return pattern .test(tmp_str);
}
または
//携帯電話番号を確認します。数字に加えて、「-」を含めることができます。
関数 IsMobile(s) )
{
var patrn=/^[ ]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12}) $/;
if (!patrn.exec(s)) return false
return true
}
21.IPアドレスとID番号の確認（正規）
関数 checkIP()
{
obj=document.getElementById("ip").value
//IP アドレス
//var exp=/^(d{1,2}|1dd|2[0-4] d|25[ 0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0- 4]d| 25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$/; //var exp =/b(((?!ddd)d |1dd|2[0-4]d|25[0-5])(b|.)){4}/
//var exp =/^( d{15}|d{17}[x0-9])/
//var exp=/^([d]{15}|[d]{18}|[d]{17 }[x| X])$/
var reg = obj.match(exp);
if(reg==null)
{
alert("IP アドレスが不正です!");
}
else
{
alert("IP アドレスは正当です!");
}
}
22. ログイン名を確認します: で始まる文字は 5 ～ 20 文字のみです。数字、「_」、「.」を含む文字列を入力できます。
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}( [a-zA- Z0-9]|[._]){4,19}$/;
if (!patrn.exec(s)) return false
return true
}
23. ユーザー名の確認: 文字で始まる 1 ～ 30 個の文字列のみを入力できます。
function isTrueName(s)
{
var patrn=/^[a-zA-Z]{1,30}$ /;
if (!patrn.exec(s)) return false
return true
}
24. パスワードを確認します: 6 ～ 20 文字、数字、アンダースコアのみを入力できます
function isPasswd (s)
{
var patrn=/^(w){6,20}$/;
if (!patrn.exec(s)) return false
return true
}
25. 日付と時刻のクラス
短い時間、(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;
(2003-12-05)
関数の形式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]); .getFull Year()==r[1]&& (d.getMonth() 1)==r[3]&&d.getDate()==r[4]);
}
長い間(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})$/; 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.getFull Year()==r[1]&&(d.getMonth() 1)==r[3]&&d.getDate()== r[4]&&d.getHours()==r[5 ]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
26.文字はすべて a-Z または A-Z の文字で構成されます
27. 判定文字は文字、数字、アンダースコア、ピリオドで構成されます。先頭にはアンダースコアと文字のみを使用できます。 >
28. フォームの値は空にすることはできず、imax 文字を超えることはできません。入力は中国語判定です。
function isNull(elem){
//var pattern=/ ^s |s $/;
if(elem.replace(/(^s |s$)/g, "")==""){
return false; true を返す;
}
} 関数 imax(elem) {
if(elem.length>imax){
true を返す;
}else{
true を返す;
}
}
function imix(elem){
if(elem.lengthreturn false;
}else{
return true;
}
}
function is Chinese(elem){
var pattern=/[^x00-xff] /g;
if(pattern.test(elem)){
//中国語が含まれます
return false; 🎜>}else{
//中国語は含まれません
return true;
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
