JavaScript フォーム検証百科事典

高洛峰
高洛峰オリジナル
2016-11-26 10:11:451261ブラウズ

<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. 英語の文字と数字のみ

('text',clipboardData.getData( 'text').replace (/[^d]/g,''))">

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




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

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




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




<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()
{if (document.form.name.value.length == 0) {

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>

alert("2 回入力したパスワードは異なります。再入力してください。");

document.ADDUser.PWD.focus();

return false;

}
return true;
}
-->


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

<script><br/><!--<br/>function isNumber(String)<br/>{</script>

var Letters = "1234567890 -"; / /入力値は自分で追加できます

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>

var tempd = a.indexOf('.');

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; ";

if (NUM.length== 0)

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;iret=ret && (s.charCodeAt( i)>=10000);
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>

return true;

}
-->


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 if(name.charCodeAt(i) > 128)
return false;
}
return true;
}

関数is Chinese(name) //中国語値の検出
{
if (name.length == 0)
return false;
for(i = 0; i if(name.charCodeAt(i) ) > 128)
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;

function CheckForm()

{
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;
}
// -->

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

<script><p><!--<br/>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/> function CheckForm()<p>{<br/>if ((contain(document.form.NAME.value, "%()><")) || (contain(document.form.MESSAGE.値、"%<br/>() ><")))<p>{<br/>alert("不正な文字が入力されました");<br/>document.form.NAME.focus();<br/>return false;<br/>}<br/>return true;<br/> }<br/>//--&gt ;<br/></script>


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。