ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript フォーム検証百科事典
<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>> ;
;=96&&event.keyCode//小さなキーボードの数字キーを考慮してください
event.returnvalue=false;
}
5. 英語の文字と数字のみ
<script></script>
function check(){
with(document.all){
if( input1.value!=input2.value )
{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
}
> ;
それだけで十分です:)
右クリックを保護するのはクールです
oncontextmenu="return false"
二
2.1 フォーム項目はできません空にしてください
<script></script>
function CheckForm()alert("名前を入力してください!");
document.form.name.focus(); return false;
}
return true;
}
-->
2.2 2つのフォーム項目の値が同じかどうかを比較する
<script><br/><!--<br/>function CheckForm( )<br/>if (document.form.PWD.value != document.form.PWD_Again.value) {</script>
document.ADDUser.PWD.focus();
return false;}
return true;
}
-->
2.3 フォーム項目は電話/銀行口座の認証に使用される数字と「_」は、ドメイン名登録などに拡張できます
<script><br/><!--<br/>function isNumber(String)<br/>{</script>
var i;
var c;if(String.charAt(0)=='-')
return false;
if(String.charAt(String. length - 1) == ' -' )
return false;
for( i = 0; i {
c = String.charAt( i );
if (Letters.indexOf) ( c ) return false;
}
return true;
}
function CheckForm()
{
if(! isNumber(document.form.TEL.value)) {
alert("あなたの電話番号は違法!");
document.form.TEL.focus();
return false;
}
return true;
}
-->
2.4 フォーム項目の入力値/長さの制限
<script> <br/><!--<br/>function CheckForm()</script>
if (document.form.count.value > 100 || document.form.count.value {
alert( "入力値は 0 未満にすることはできません 100 より大きい!");document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length{
alert("入力テキストは 10 未満です!" );
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
> ;
2.5 中国語/英語/数字/メールアドレス有効性判定
<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 < name.length; i++) {<br/>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 < name.length; i++ ) {<br/>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, "%</script>
()>{
alert("不正な文字が入力されました");
document.form.NAME.focus() ;
return false;
}
return true;
}
//-->
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('@');</script>
if (temp > 1 ) {
if ((i-temp) > 3){
if (( i-tempd)>0){
return 1;
}
}
}
return 0;
}
5. 数値形式の検証
---------------- -----------------------------
//関数名: fucCheckNUM
//関数紹介: 数値かどうかチェック
//戻り値: 1 は数値であることを意味し、0 は数値ではないことを意味します
function fucCheckNUM(NUM)
{
var i,j,strTemp="0123456789; ";
return 0
for (i=0;i
j=strTemp.indexOf(NUM.charAt(i) );
if ( j==-1)
{
//文字が数字ではないことを示します
return 0;
}
}
//それが数字であることを示します
return 1;
}
6. 電話番号形式の確認
------------------------------------------ ---
//関数名: fucCheckTEL
//関数紹介: 電話番号かどうかチェック
//パラメータ説明: チェックする文字列
//戻り値: 1は正当、0は不正
function fucCheckTEL (TEL)
{
var i,j,strTemp;
strTemp="0123456789-()# ";
for (i=0;i
j=strTemp.indexOf(TEL. charAt(i));
if (j==-1)
{
//文字が不正であることを示します
return 0;
}
}
//それが正当であることを示します www.2cto.com
return 1 ;
}
7. 入力が中国語関数かどうかを判断します
--------------------------------- -----------
関数 ischinese(s) {
var ret=true;
for(var i=0;i
return ret;
}
8 . ユーザー入力の正当性を判断するための包括的な機能
---------------------- ------------------------ -
<script><br/>//入力する桁数を制限することから始めます<br/>//m はユーザー入力、n は制限される桁数です<br/>function issmall(m,n)<br/>{<br/>if ((m<n) && (m>0))<br/>{<br/>return(false);<br/>}<br/>else<br/> {return(true);}<br/>}</script>
9. パスワードが一貫して入力されているかどうかを確認します
----------- ------ ---------
関数 issame(str1,str2)
{
if (str1==str2)
{return(true );}
else
{return(false);}
}
10ユーザー名が数字の下線であるかどうかを判断します
--------------------- --------------- -
function notchinese(str){
var reg=/[^A-Za-z0-9_]/g
if (reg.test(str )){
return (false);
}else{
return(true) ); }
}
11. フォームテキストフィールドの一般的な検証関数
-------------------------- ------- -------------------
機能: 名前、口座番号、メールアドレスなど、空であってはいけないすべての入力テキストを検出します。
このチェックはテキストフィールドのみが対象となりましたが、フォーム内の他のフィールドオブジェクトを対象にしたい場合は、判定条件を変更することができます。
使用方法: 検出されるテキストフィールドにタイトルテキストを追加します。テキストはプロンプト情報です。フィールドの中国語名をユーザーに要求します。たとえば、次のように
username
html を検出したい場合、 もちろん、Dreamweaver などのビジュアル ツールを使用してドメインを編集するのが最善です。
数値型のデータを検出したい場合は、ドメインIDをszに統一してください。
JavaScriptが日付型を判定するのは面倒なので、専門家が追加できる日付型検証用のプログラムはありません。
このプログラムは比較的大まかですが、アイデアを提供するだけです。レンガを投げて良い知らせを引き寄せましょう! :)
ちなみに、関数呼び出しメソッド:
function dovalidate()
{
fm=document.forms[0] // 1 つのフォームのみを検出します。複数ある場合は、フォームを変更できます判定条件
for (i=0;i
//種類に応じて変更可能な検出条件と判定条件
if(fm[i].tagName.toUpperCase()== "INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!=""))
if(fm[i].value="/blog/="" )//
{
str_warn1= fm[i].title+"空にすることはできません!";
alert(str_warn1);
fm[i].focus();
return false }
if(fm[i; ].id.toUpperCase()== "SZ")//デジタル検証
.fm[i];
false を返す
<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/>}</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/><!--</script>
function isEnglish(name) //英語値検出
{
if(name.length == 0 )
return false;
for(i = 0; i
return false;
}
return true;
}
関数is Chinese(name) //中国語値の検出
{
if (name.length == 0)
return false;
for(i = 0; i
return true;
}
return false;
}
function isMail(name) //メール値検出
{
if(! isEnglish(name))
return false;
i = name .indexOf(" at ");
j = 名前ドット lastIndexOf(" at ");
if(i == -1)
return false;
if(i != j)
return false;
if(i = = name ドット長)
return false;
return true;
}
function isNumber(name) //数値検出
{
if(name.length == 0)
return false;
for(i = 0; i if(name .charAt(i) "9")
return false;
}
return true;
{
if(! isMail( form.Email.value)) {
alert("あなたのメールは不正です! ");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert("英語の名前は違法です!");
form.name. focus ();
return false;
}
if(! is Chinese(form.cnname.value)) {
alert("中国語の名前は違法です!");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert("郵便番号が不正です!");
form.PublicZipCode.focus();
return false;
}
return true;
}
// -->