JS フォーム検証百科事典_フォームの効果

1. 数字と英語のみを入力できます:

2. 数値のみを入力できます:
< ;input onkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/ d]/g,''))" ID="Text2" NAME="Text2">
3. 全角入力のみ可能です:

4. 漢字のみを入力できます:

------------------------------------------------- --------- --------------------------------------
不正な文字を確認します。SQL
function vdf()
{
var i,j,name,value,message,length,type,a=vdf.arguments,cb_name; =0; i{
if (a[i].indexOf('#')!=-1)
{
=fob(a[i].substr(0,a[i].indexOf('#')));
cb_name=fob(a[i].substr((a[i].indexOf('#) ') 1),a[i ].length));
}
else
{
name=fob(a[i]) // コントロール名
}
message=a[i 1]; // プロンプトメッセージ
type=a[i 2]; // Type
if (type!="r_time")
{
value=name.value .replace(/ /g, " "); // 制御値
}
else
{
value=name.value;
}
}
--- ---------- -------------------------------------- ------- -------
// =============== チェックボックスがオンかどうかを判断します選択されています====== =========== //
if (type=="r_cb")
{
e=document.forms(0).elements ;
var flag=false ;
for (i=0;i{
if (e[i]!=cb_name)
{
if (e[i].checked ==true)
{
flag=true;
}
}
if (i==e.length-1)
{
break ;
}
}
if (flag==false)
{
alert(message "!/n"); // 表示されるプロンプト空の場合
return false;
}
}
// =============== ドロップダウン ボックスが選択されているかどうかを判断します === ============= / /
if (type=="r_sl")
{
if (name.selected==false)
{
alert(message "!/n"); //空
return false
}
}
// ============ の場合に表示されます。 == 空ではないと判断 ======= ========= //
if (type=="r")
{
if (value== "") // 空かどうかを判断します
{
alert(message "!/n") // 空の場合に表示されるプロンプト
name.focus(); .select();
return false;
}
}
// =============== 空にすることはできませんが、フォーカスは取得されません == ============== //
if (type=="o_r")
{
if (value=="") // 空かどうかを判定
{
alert(message "!/n") / / 空の場合に表示されるプロンプト
return false>}
}
// ===== ========== 中国語のみ入力可能 ===== =========== //
if (type=="r_china")
{
if (value.search(/^[/u4e00-/u9fa5] $/) ==-1)
{
alert(message "!/n"); // 判定を空にすることはできません
name.focus();
name.select();
return
}
}
// ============= = 空にすることはできません。数値または文字でなければなりません。 ========== ====== //
if (type=="r_num_char")
{
if (value=="")
{
alert(message "!/n" ); // 空の場合に表示されるプロンプト
name.focus(); );
return false;
}
if (value.search(/^[ 0-9a-zA-Z] $/)==-1)
{
alert(message) "!/n"); // 空の場合に表示されるプロンプト
name.focus();
return false; 🎜>// =============== 空でも空でも構いません 空の場合は、数字を入力してください ================ //
if (type=="num")
{
if (value.search(/^[ 0-9] $/)==-1 && value!="")
{
alert(message "!/n"); // 判定を空にすることはできません
name.focus();
return false; }
// =============== 空にすることはできません、数値でなければなりません 判定 ================ //
if (type=="r_num")
{
if (value=="")
{
alert(message "!/n");
name.focus(); ;
name.select();
return false
}
if (value.search( /^[0-9] $/)==-1)
{
alert(message "!/n"); // 判定を空にすることはできません
name.focus();
return false;
// ===============n より小さい数値を入力する必要があります==== ============ //
if ( type.indexOf("r_num<")!=-1)
{
length=type.substring((type.indexOf ('<') 1),type.length); // 数値を取得します。 after rn<
if (value=="") // 空の
{
alert(message "!/n");
name.focus(); select();
return false;
}
if (value.search(/^[0-9 ] $/)==-1) // 数値で構成されていません
{
alert(message "!/n");
name.focus();
return false;
if (value.length>length) // 数値の長さを制限します
{
alert(message "!/n");
name.select();
return
}
}
// ===============n より大きい数値を入力する必要があります================ //
if ( type .indexOf("r_num>")!=-1)
{
length=type.substring((type.indexOf('>') 1),type.length); of rn
if (value=="") // 空の
{
alert(message "!/n");
name.focus(); .select();
return false;
}
if (value.search(/^[0-9] $/)==-1) // 数値で構成されていません
{
alert(メッセージ "!/n");
name.focus();
return false;
}
if (value.length< length ) // 数値の長さを制限します
{
alert(message "!/n");
name.select();
return false 🎜>}
}
// ===============a-b の間に数字を入力する必要があります ============= === / /
if (type.indexOf("r_num#<>")!=-1)
{
length=type.substr((type.indexOf('>' ) 1), type.length);
length=length.substr(0,length.lastIndexOf("-"));
length1=type.substring((type.indexOf('-') 1) ,type.length ) // rn<
if (value=="") // 空のプロンプトを表示します
{
alert(message "!/n");
name.focus() ;
name.select();
return
}
if (value.search(/^[0-9] $/)==-1) // リマインダーではありません数値の
{
alert(message "!/n");
name.select();
return
}
if (value.lengthlength1) // 数値の長さを制限します
{
alert(message "!/n");
name. 🎜>name.select();
return false;
}
}
// ============== 空にすることはできません。 type================ //
if (type=="r_float")
{
if (value=="")
{
alert(メッセージ "!/n");
name.focus();
return false;
}
if ( /^[0-9] $/)!=-1 || value.search(/^([0-9] )|([0-9] /.[0-9]*)| ([0- 9]*/.[0-9] )$/)!=-1)
{
return true;
else
{
alert( message "!/ n"); // 判定を空にすることはできません
name.focus();
name.select();
return false;
}
}
/ / == ============= メールアドレスを決定するために、次のように入力する必要はありません ================ //
if (type.indexOf) (" メール")!=-1)
{
if (name.value!="")
{
if (value.search(/^[_/.a-z0- 9] @[a-z0-9] [/.][a-z0-9]{2,}$/i)==-1)
{
alert(メッセージ "!/n") ;
name.focus();
name.select();
}
}
// ======== == =====メールアドレスを決定するには、必ず次のように入力してください================ //
if (type.indexOf("r_email")!=-1 )
{
if (name.value=="")
{
alert(message "!/n");
name.focus(); ();
return false;
}
if (value.search(/^[_/.a-z0-9] @[a-z0-9] [/.][a-z0 -9]{2 ,}$/i)==-1)
{
alert(message "!/n");
name.focus(); ;
return false;
}
}
// =============== 2000-12-20==== などの日付を決定します。 ======== ===== //
if (type=="r_date")
{
flag=true;
if ( getdate.search(/^[0 -9]{4}-(0[1-9]|[1-9]|1[0-2])-((0[1-9]|[1-9] ])|1[0-9 ]|2[0-9]|3[0-1])$/)==-1) // 入力形式を判定すると正しい
{
flag=false ;
}
else
{
var year=getdate.substr(0,getdate.indexOf('-')) // 年を取得します
// 次の操作は取得です月
vartransition_month=getdate.substr(0, getdate.lastIndexOf('-'));
var month=transition_month.substr(transition_month.lastIndexOf('-') 1,transition_month.length); 🎜>if (month.indexOf('0')== 0)
{
month=month.substr(1,month.length);
}
// 次の操作は次のとおりです。日付を取得します
var day=getdate.substr(getdate.lastIndexOf(' -') 1,getdate.length);
if (day.indexOf('0')==0)
{
day=day.substr(1,day.length);
}
//alert(month)
//alert(day)
//return
if; ((month==4 || month==6 || month==9 || month==11) && (day>30)) // 4、6、9、11 か月の日付は 30 を超えることはできません
{
flag=false;
}
if (month= =2) // 2 月を決定します
{
if (Leap Year(year))
{
if (日>29 || 日else
{
if (日>28 || 日}
else
{
flag=true ;
}
}
if (flag==false)
{
alert(message "! /n"); //空の場合に表示されるプロンプト
name.focus ();
name.select();
return false;
}
}
1. 長さ制限
<script> <br>function test() <br> { <br>if(document.a.b.value.length>50) <br>{ <br>alert("50 文字を超えることはできません) ！"); <br>document.a.b.focus(); <br>return false; <br>} <br>} <br></script>

2. 漢字のみを使用できます

3." 英語のみです


4. 数値のみを指定できます
=text onblur=isEmail (this.value)>
7. キーワードをブロックします (*** と **** はここでブロックされます)

8. 2 回入力したパスワードは同じですか?
🎜>
<script> <br>{ <br>with(document.all){ <br>if(input1.value!=input2.value) <br>{ <br>alert("false") <br>input1.value = "" <br>; input2.value = ""; <br>} <br>else document.forms[0].submit(); <br>} <br>これで十分です :) <br>右クリックをブロックするのはクールです<br>oncontextmenu="return false" ondragstart="return false" onselectstart="return false" <br>本文に追加<br>Two<br>2.1 テーブル 単一項目を空にすることはできません<br><script language="javascript"> <br><!-- <BR>function CheckForm() <BR>{ <BR>if (document.form.name.value.length == 0) { <BR>alert("名前を入力してください!"); <BR>return <BR>} <BR>return <BR>} <BR>--> <br></script>
2.2 2 つのフォーム項目の値が同じかどうかを比較します

2.3 フォーム項目には数字と「_」のみを使用できます。これらは電話/銀行口座の認証に使用され、ドメイン名登録などに拡張できます。
🎜 >1. 文字列がすべて数字で構成されているかどうかを確認します
---------------------------------- ---

2. 文字
であるかどうかを判断する方法-- ----------------------------------
if (/[^/x00-/xff] / g.test(s)) alter("漢字が含まれています");
else alter("すべての文字");
3. 漢字が含まれているかどうかを判断する方法
----- ---- -----------------------------
if (escape(str).indexOf("%u ")!=- 1)alert("中国語の文字が含まれています");
elsealert("すべての文字");
4. メール形式の確認
----------- ----- -----------------------
//関数名：chkemail
//関数紹介：メールアドレス
// パラメータの説明: チェックする文字列
// 戻り値: 0: Not 1: Yes
function chkemail(a)
{ var i=a.length> var temp = a.indexOf ('@');
var tempd = a.indexOf('.');
if (temp > 1) {
if ((i-temp) > 3){
if ((i-tempd)>0){
return
}
}
}
return
}
5 . 数値形式の確認
--------------------------------------
/ /関数名: fucCheckNUM
//関数紹介: 数値かどうかをチェック
//パラメータの説明: チェックする数値
//戻り値: 1 は数値、0 は数値であることを意味しますは数値ではありません
関数 fucCheckNUM(NUM)
{
var i,j,strTemp;
if ( NUM.length== 0)
return 0
for (i=0;i{
j=strTemp.indexOf(NUM.charAt(i));
if (j==-1) )
{
// Number
return 0;
}
}
// 説明はnumber
return }
6. 電話番号形式の確認
----- ----------------------------- ---
//関数名: fucCheckTEL
//関数紹介: 電話番号かどうかチェック
//パラメータ説明: チェックする文字列
//戻り値: 1 は合法、0 は違法です
function fucCheckTEL(TEL)
{
var i,j,strTemp;
strTemp="0123456789-()# "; ;TEL.length;i )
{
j=strTemp.indexOf (TEL.charAt(i));
if (j==-1)
{
// を示します一部の文字は不正です
return 0;
}
//説明は正当です
return 1;
7. 入力が中国語であるかどうかを判断する関数
-------------------------- ------------------
関数ischinese(s){
var ret=true;
for(var i=0;iret=ret && (s.charCodeAt(i)>=10000) ;
return ret;
}
8. ユーザー入力の正当性を判断するための包括的な機能
---------------------- -----------------

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル