ホームページ  >  記事  >  ウェブフロントエンド  >  JS フォーム検証百科事典_フォームの効果

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

WBOY
WBOYオリジナル
2016-05-16 17:59:06730ブラウズ

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. ユーザー入力の正当性を判断するための包括的な機能
---------------------- -----------------