ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript フォーム検証百科事典

JavaScript フォーム検証百科事典

高洛峰
リリース: 2016-11-26 10:11:45
オリジナル
1177 人が閲覧しました

<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. のみ英語でいいですか

<script><br>functiononlyEng()<br>{<br>if(!(event.keyCode>=65&&event.keyCode<=90))<br>event.returnvalue=false;<br>}<br></script&gt ;</p> <p><input> ;=96&&event.keyCode<=105)))</p>//小さなキーボードの数字キーを考慮してください<p>event.returnvalue=false;</p>}<p></script>



5. 英語の文字と数字のみ

6. メール形式を確認します




7. キーワードをブロックします (ここでは *** と **** がブロックされます)

<script><br>function test() {<br>if((a.b.value.indexOf ("***") == 0)|| (a.b.value.indexOf ( "****") == 0)){<br>alert(":)");</p>a.b.focus();<p>return false;}</p>}<p></script>
< form>



8. 2 回入力されたパスワードは同じですか?




<script></p>function check()<p>{<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></script&gt ;<br><br><br>それだけで十分です:)<br>右クリックを保護するのはクールです<br><br>oncontextmenu="return false"<br></p>本文に追加します<p><br><br>二</p> <p>2.1 フォーム項目はできません空にしてください</p> <p><script></p><! --<p>function CheckForm()<br/>{</p>if (document.form.name.value.length == 0) {<p>alert("名前を入力してください!"); </p>document.form.name.focus();<p> return false;<br/>}<br/>return true;<br/>}<br/>--><br></script>

2.2 2つのフォーム項目の値が同じかどうかを比較する

<script><br><!--<br/>function CheckForm( )<br/>if (document.form.PWD.value != document.form.PWD_Again.value) {</p>alert("2 回入力したパスワードは異なります。再入力してください。");<p>document.ADDUser.PWD.focus();</p>return false;<p>}<br/>return true;<br/>}<br/>--><br></script>

2.3 フォーム項目は電話/銀行口座の認証に使用される数字と「_」は、ドメイン名登録などに拡張できます

<script><br><!--<br/>function isNumber(String)<br/>{</p>var Letters = "1234567890 -"; / /入力値は自分で追加できます<p>var i;</p>var c;<p>if(String.charAt(0)=='-')<br/>return false;<br/>if(String.charAt(String. length - 1) == ' -' )<br/>return false;<br/>for( i = 0; i < String.length; i ++ )<br/>{<br/>c = String.charAt( i );<br/>if (Letters.indexOf) ( c ) < 0) <br/>return false;<br/>}<br/>return true;<br/>}<br/>function CheckForm()<br/>{<br/>if(! isNumber(document.form.TEL.value)) {<br/>alert("あなたの電話番号は違法!");<br/> document.form.TEL.focus();<br/>return false;<br/>}<br/>return true;<br/>}<br/>--><br></script>


2.4 フォーム項目の入力値/長さの制限

<script> <br><!--<br/>function CheckForm()</p>{<p>if (document.form.count.value > 100 || document.form.count.value < 1)<br/>{</p>alert( "入力値は 0 未満にすることはできません 100 より大きい!");<p>document.form.count.focus();<br/>return false;<br/>}<br/>if (document.form.MESSAGE.value.length<10)<br/>{ <br/>alert("入力テキストは 10 未満です!" );<br/>document.form.MESSAGE.focus();<br/>return false;<br/>}<br/>return true;<br/>}<br/>//--><br></script&gt ;<br/><p>2.5 中国語/英語/数字/メールアドレス有効性判定</p><p><SCRIPT><br><!--<br/>function isEnglish(name) //英語値検出<br/>{<br/>if(name.length == 0)<br/>return false ;<br/>for(i = 0; i <name.length; i++) {<br/>if(name.charCodeAt(i) > 128)<br>return false;<br>}<br>return true;<br>}<br>function is Chinese(name) / /中国語値検出<br>{<br>if(name.length == 0)<br>return false;<br>for(i = 0; i if(name.charCodeAt(i) > 128 ) <br>return true;<br>}<br>return false;<br>}<br>function isMail(name) //メール値検出<br>{<br>if(! isEnglish(name))<br>return false;<br>i = name.indexOf(" at " );<br>j = 名前ドット lastIndexOf(" at ");<br>if(i == -1)<br>return false;<br>if(i != j)<br>return false;<br>if(i == 名前ドットの長さ) <br> return false;<br>return true;<br>}<br>function isNumber(name) //数値検出<br>{<br>if(name.length == 0)<br>return false;<br>for(i = 0; i if(name.charAt(i) < "0" || name.charAt(i) > "9")<br>return false;<br>}<br>return true;<br>}<br>function CheckForm()<br>{ <br> if(! isMail(form.Email.value)) {<br>alert("あなたのメールアドレスは無効です!");<br>form.Email.focus();<br>return false;<br>}<br>if(! isEnglish(form .name. value)) {<br>alert("英語名は違法です!");<br>form.name.focus();<br>return false;<br>}<br>if(! is Chinese(form.cnname.value)) {<br>alert ("中国語名は違法です! ");<br>form.cnname.focus();<br>return false;<br>}<br>if(! isNumber(form.PublicZipCode.value)) {<br>alert("郵便番号が不正です!");<br>form.PublicZipCode. focus ();<br>return false;<br>}<br>return true;<br>}<br>//--><br></SCRIPT>

2.6 フォーム項目に入力できない文字を制限する

<script><br> <!-- <br/>function contains(str,charset)//文字列にはテスト関数が含まれています<br/>{<br/>var i;<br/>for(i=0;i<charset.length;i++)<br/>if(str.indexOf(charset.charAt) (i)) >=0)<br>return true;<br>return false;<br>}<br>function CheckForm()<br>{<br>if ((contain(document.form.NAME.value, "%()><") ) || ( contains(document.form.MESSAGE.value, "%</p><p>()><")))<br/>{<br/>alert("不正な文字が入力されました");<br/>document.form.NAME.focus() ;<br/>return false;<br/>}<br/>return true;<br/>}<br/>//--><br></script>

1. 文字列が完全に数字で構成されているかどうかを確認します
----------- -- ------------------------


<script><!-- , ,,,,,, + <br/> -------------------------------------- <br/>if (/[^x00-xff] / g.test(s)) alter("中国語の文字が含まれています"); <br/>elsealert("すべての文字"); --- <br/>if (escape(str).indexOf("%u")!=-1) alter("中国語の文字が含まれています "); <br/>else alter("すべての文字"); <br/><br/>4. ----------------------------- ----------- <br/>//関数名:chkemail<br/>//関数紹介:メールアドレスかどうかをチェック<br/>//パラメータ説明:チェックする文字列<br/>//戻り値:0:not 1 :Yes<br/>function chkemail(a)<br/>{ var i=a.length;<br/>var temp = a.indexOf('@');</p>var tempd = a.indexOf('.');<p>if (temp > 1 ) {<br/>if ((i-temp) > 3){<br/>if (( i-tempd)>0){<br/>return 1;<br/>}<br/><br/>}<br/>}<br/>return 0;<br/>}<br/><br/>5. 数値形式の検証 <br/>---------------- ----------------------------- <br/>//関数名: fucCheckNUM<br/> //関数紹介: 数値かどうかチェック</p>/ /パラメータの説明: チェックする数値<p>//戻り値: 1 は数値であることを意味し、0 は数値ではないことを意味します<br/>function fucCheckNUM(NUM)<br/>{<br/>var i,j,strTemp="0123456789; ";</p>if (NUM.length== 0)<p>return 0<br/>for (i=0;i<NUM.length;i++)<br/>{<br/>j=strTemp.indexOf(NUM.charAt(i) );<br/>if ( j==-1)<br/>{<br/>//文字が数字ではないことを示します<br/>return 0;<br/>}<br/>}<br/>//それが数字であることを示します<br/>return 1;<br/>}<br/><p>6. 電話番号形式の確認<br/>------------------------------------------ --- <br/>//関数名: fucCheckTEL<br/>//関数紹介: 電話番号かどうかチェック<br/>//パラメータ説明: チェックする文字列<br/>//戻り値: 1は正当、0は不正<br/>function fucCheckTEL (TEL)<br/>{<br/> var i,j,strTemp;<br/>strTemp="0123456789-()# ";<br/>for (i=0;i<TEL.length;i++)<br/>{<br/>j=strTemp.indexOf(TEL. charAt(i)); <br/>if (j==-1)<br/>{<br/>//文字が不正であることを示します<br/>return 0;<br/>}<br/>}<br/>//それが正当であることを示します www.2cto.com<br/>return 1 ;<br/>}</p><p>7. 入力が中国語関数かどうかを判断します <br/>--------------------------------- ----------- <br/>関数 ischinese(s) {<br/>var ret=true;<br/>for(var i=0;i<s.length;i++)<br/>ret=ret && (s.charCodeAt( i)>=10000);<br>return ret;<br>}</p> <p>8 . ユーザー入力の正当性を判断するための包括的な機能<br>---------------------- ------------------------ - <br><script><br>//入力する桁数を制限することから始めます<br>//m はユーザー入力、n は制限される桁数です<br>function issmall(m,n)<br>{<br>if ((m<n>0))<br>{<br>return(false);<br>}<br>else<br> {return(true);}<br>}</n></p> <p>9. パスワードが一貫して入力されているかどうかを確認します<br>----------- ------ --------- <br>関数 issame(str1,str2)<br>{<br>if (str1==str2)<br>{return(true );}<br>else<br>{return(false);}<br>}</p> <p>10ユーザー名が数字の下線であるかどうかを判断します <br>--------------------- --------------- - <br>function notchinese(str){<br>var reg=/[^A-Za-z0-9_]/g<br>if (reg.test(str )){<br>return (false);<br>}else{<br>return(true) ); }<br>}</p> <p>11. フォームテキストフィールドの一般的な検証関数<br>-------------------------- ------- ------------------- <br>機能: 名前、口座番号、メールアドレスなど、空であってはいけないすべての入力テキストを検出します。 <br>このチェックはテキストフィールドのみが対象となりましたが、フォーム内の他のフィールドオブジェクトを対象にしたい場合は、判定条件を変更することができます。 </p> <p>使用方法: 検出されるテキストフィールドにタイトルテキストを追加します。テキストはプロンプト情報です。フィールドの中国語名をユーザーに要求します。たとえば、次のように </p> <p>username<br>html を検出したい場合、 <input title="Name"> もちろん、Dreamweaver などのビジュアル ツールを使用してドメインを編集するのが最善です。 <br>数値型のデータを検出したい場合は、ドメインIDをszに統一してください。 <br>JavaScriptが日付型を判定するのは面倒なので、専門家が追加できる日付型検証用のプログラムはありません。 </p> <p>このプログラムは比較的大まかですが、アイデアを提供するだけです。レンガを投げて良い知らせを引き寄せましょう! :)<br>ちなみに、関数呼び出しメソッド: < form></p> <p>function dovalidate()<br>{<br>fm=document.forms[0] // 1 つのフォームのみを検出します。複数ある場合は、フォームを変更できます判定条件<br>for (i=0;i<fm.length;i++)<br>{<br>//種類に応じて変更可能な検出条件と判定条件<br>if(fm[i].tagName.toUpperCase()== "INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!=""))</p> <p> if(fm[i].value="/blog/="" )//<br> {<br> str_warn1= fm[i].title+"空にすることはできません!";<br>alert(str_warn1);<br> fm[i].focus();<br> return false }<br> if(fm[i; ].id.toUpperCase()== "SZ")//デジタル検証<br> .fm[i];<br> false を返す <br><br><script><br><! --<br/>function CheckForm()<br/>{ <br/>if (document.form.name.value.length == 0) {<br/>alert("名前を入力してください!");<br/>document.form.name.focus();<br/> return false;<br/>}</p> return true; <p>}<br/>--></p></script>


2.2 2つのフォーム項目の値が同じか比較します

<script><br><!--<br/>function CheckForm()<br/>if (document.form.PWD.value != document.form.PWD_Again.value) {<br/>alert("2 回入力したパスワードは異なります。再入力してください。");<br/>document.ADDUser.PWD.focus();<br/>return false;<br/>}<br/>return true;<br/>}<br/>--><br></script>

2.3 フォーム項目には数字のみを使用できます電話/銀行口座の認証に使用される「_」は、ドメイン名登録などにも拡張できます

<script><br><!--<br/>function isNumber(String)<br/>{<br/>var Letters = "1234567890- "; / /入力値を自分で追加できます<br/>var i;<br/>var c;<br/>if(String.charAt(0)=='-')<br/>return false;<br/>if(String.charAt(String.length - 1) == ' -' )<br/>return false;<br/>for( i = 0; i < String.length; i ++ )<br/>{<br/>c = String.charAt( i );<br/>if (Letters.indexOf( c ) < 0) <br/>return false;<br/>}<br/>return true;<br/>}<br/>function CheckForm()<br/>{<br/>if(! isNumber(document.form.TEL.value)) {<br/>alert("あなたの電話番号は不正です!");<br/> document.form.TEL.focus();<br/>return false;<br/>}<br/>return true;<br/>}<br/>--><br></script>


2.4 フォーム項目の入力値/長さ制限

<script> <br><!--<br/>function CheckForm()<br/>{<br/>if (document.form.count.value > 100 || document.form.count.value < 1)<br/>{<br/>alert("入力値は 0 未満にすることはできません 100 より大きい!");<br/>document.form.count.focus();<br/>return false;<br/>}<br/>if (document.form.MESSAGE.value.length<10)<br/>{<br/> alert("入力テキストは 10 未満です!" );<br/>document.form.MESSAGE.focus();<br/>return false;<br/>}<br/>return true;<br/>}<br/>//--><br></script>

2.5 中国語/英語/数字/メールアドレスは合法です 性判定

<SCRIPT><br><!--</p><p>function isEnglish(name) //英語値検出<br/>{<br/>if(name.length == 0 )<br/>return false;<br/>for(i = 0; i <name.length; i++) {<br/>if(name.charCodeAt(i) > 128)<br>return false;<br>}<br>return true;<br>}</p> <p>関数is Chinese(name) //中国語値の検出<br>{<br>if (name.length == 0)<br>return false;<br>for(i = 0; i <name.length i></name.length>if(name.charCodeAt(i) ) > 128)<br>return true;<br>}<br>return false;<br>}</p> <p>function isMail(name) //メール値検出<br>{<br>if(! isEnglish(name))<br>return false;<br>i = name .indexOf(" at ");<br>j = 名前ドット lastIndexOf(" at ");<br>if(i == -1)<br>return false;<br>if(i != j)<br>return false;<br>if(i = = name ドット長)<br>return false;<br>return true; <br>}</p> <p>function isNumber(name) //数値検出<br>{<br>if(name.length == 0)<br>return false;<br>for(i = 0; i < name.length; i++) {<br>if(name .charAt(i) < "0" || name.charAt(i) > "9")<br>return false;<br>}<br>return true;<br> </p>function CheckForm()<p>{<br>if(! isMail( form.Email.value)) {<br>alert("あなたのメールは不正です! ");<br>form.Email.focus();<br>return false;<br>}<br>if(! isEnglish(form.name.value)) {<br>alert("英語の名前は違法です!");<br>form.name. focus ();<br>return false;<br>}<br>if(! is Chinese(form.cnname.value)) {<br>alert("中国語の名前は違法です!");<br>form.cnname.focus();<br>return false; <br>} <br>if(! isNumber(form.PublicZipCode.value)) {<br>alert("郵便番号が不正です!");<br>form.PublicZipCode.focus();<br>return false;<br>}<br>return true;<br>} <br>// --><br></SCRIPT>

2.6 フォームに入力できない文字を制限する item

<script><p><!--<br/></p>function contains(str,charset)//文字列にはテスト関数<p>{ <br/>var i;<br/>for(i=0;i<charset.length;i++)<br/>if(str.indexOf(charset.charAt(i))>gt;=0)<br/>return true; が含まれています。 <br/>return false;<br/>}<br/></p> function CheckForm()<p>{<br/>if ((contain(document.form.NAME.value, "%()></p>() ><")))<p>{<br>alert("不正な文字が入力されました");<br>document.form.NAME.focus();<br>return false;<br>}<br>return true;<br> }<br>//--&gt ;<br></script>


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート