<div class="codetitle"> <span><a style="CURSOR: pointer" data="69286" class="copybut" id="copybut69286" onclick="doCopy('code69286')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code69286"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <br><html> <br><head> <br><meta http-equiv ="Content-Type" content="text/html; charset=UTF-8"> <br><title>フォーム検証</title> <br><script language="javascript"> <br>function check_1(param){//空ではありません<br>if(param==""||param==null){return false;}else{return true;} <br>} <br>function check_2 ( param){//長さ制限、10 文字と 10 文字の漢字<br>if(param.length>10){return false;}else{return true;} <br>} <br>function check_3(param ){ //漢字のみ入力可能 <br>var pattern= /^[u4e00-u9faf] $/; <br>var flag = pattern.test(param){return false ;}else{return true;} <br>} <br>function check_4(param){//数値のみ入力可能 <br>var pattern= /^[0-9] $/; <br>var flag = pattern .test(param); <br>if(flag==false){return false;}else{return true;} <br>} <br>function check_5(param){//数字、文字、アンダースコアのみを使用できます<br>var pattern= /^[0-9a-zA-z_] $/; <br>var flag = pattern.test(param); <br>if(flag==false){return false;} else{return true ;} <br>} <br>function check_6(param){//メール形式検証<br>var pattern= /^([a-zA-Z0-9] [_|_|.]? )*[a -zA-Z0-9] @([a-zA-Z0-9] [_|_|.]?)*[a-zA-Z0-9] .[a-zA-Z]{ 2,3} $/; <br>var flag = pattern.test(param); <br>if(flag==false){return false;}else{return true;} <br>} <br>関数 check_7 (param){ //URL 形式の検証<br>var pattern= /^((https|http|ftp|rtsp|mms)?://)?(([0-9a-z_!~*'(). &= $% -] : )?[0-9a-z_!~*'().&= $%-] @)?(([0-9]{1,3}.){3}[0 -9]{ 1,3}|([0-9a-z_!~*'()-] .)*([0-9a-z][0-9a-z-]{0,61})? [0-9a -z].[a-z]{2,6})(:[0-9]{1,4})?((/?)|(/[0-9a-z_!~*'( ).;? :@&= $,%#-] ) /?)$/; <br>var flag = pattern.test(param); <br>if(flag==false); {return true; } <br>} <br>function check(){ <br>var value=document.getElementById("testValue").value; <br>var result=check_7(value);// 名前を設定しますここの検証関数については、check_1 から check_7 までの 7 つの一般的に使用されるフォーム検証関数を作成しました。 ; <br> }else{ <br>//document.getElementById("testValue").style.border="2px ソリッドグリーン"; <br>document.getElementById("testValue").style.border=""; <br>} <br>} <br></script> <br><body> <br><div style="text-align: center;padding: 200px 0 ;"> <br>次のように入力してください: <input id="testValue" name="" class="" type="text" style="width:200px;height:30px;"></input> <br>< ;input id="" name="" class="" type="button" value="クリックして確認" style="width:70px;height:30px;" onclick="check()"> ;</input> <br></div> <br></html></div>