ホームページ  >  記事  >  ウェブフロントエンド  >  jsフォーム検証方法(実践)_フォーム効果

jsフォーム検証方法(実践)_フォーム効果

WBOY
WBOYオリジナル
2016-05-16 18:53:411006ブラウズ

//次の検証は長さです。
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; return
}
関数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,'')
}

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