ホームページ >ウェブフロントエンド >jsチュートリアル >jsフォーム検証方法(実践)_フォーム効果
//次の検証は長さです。
function checkTextLen(textId){
var checkField=document.getElementById(textId);
var inputstring = checkField.value; > var string_length = inputstring.length;
if (string_length == 0)
{
return 0;
for (var i=0;i
if (inputstring.charAt(i).charCodeAt()>255) len =2;
else len =1;
}
関数checkTextLength (textId,length,msg){
var textObj =document.getElementById(textId);
if(checkTextLen(textId)>length/1){
alert("[" msg "]" "長さ 最大値は「長さ」ビットです。" "再入力してください! 注: 1 つの漢字は 2 桁を占めます");
textObj.focus();
return false;
}else {
return true;
}
}
//次の検証には、中国語、英語、数字はすべて正当です。
function isValidString(textId,errMsg){
szStr = document.getElementById(textId).value;
voidChar = "'">for(i = 0 ; i aChar = voidChar.substring(i, i 1);
if(szStr.indexOf( aChar) > -1){
alert(errMsg); return false; }
// 文字のみ入力可能以下の検証、数字、下線
function isEnglish(textId,errMsg)
{
s = document.getElementById(textId).value;
//次の正規表現は長さを 6 から 6 までに制限します。 20
//var patrn=/^(w){6,20}$/;
var patrn =/^(w)*$/;
if (!patrn.exec(s)) {
alert(errMsg);
return false
}
return true
}
//次の検証では中国語のみが許可されます
関数 is Chinese(textId,errMsg)
{
s = document.getElementById(textId).value;
var patrn =/[^u4E00-u9FA5]/g;
if (patrn.exec(s)){
alert( errMsg );
return false
}
return true
}
//次の検証では数値のみが許可されます
function isNumber(textId,errMsg)
{
s = document .getElementById(textId).value;
//次の正規表現は長さを 6 ~ 20 に制限します
//var patrn=/^(d){6,20}$/; var patrn =/^(d)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
js 正規表現を使用して、テキスト ボックスに数字以外を入力できないように制御します。つまり、メソッドの呼び出し: onkeyup="onlyNum(this);" です。 functiononlyNum( obj)
{
temp = obj.value
//次の正規表現は引用符なしで記述されていることに注意してください。 。
obj.value = temp.replace(/D/g,'')
}