ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery版テキスト入力ボックスチェッカー Input Check_jquery

jQuery版テキスト入力ボックスチェッカー Input Check_jquery

WBOY
リリース: 2016-05-16 18:50:25
オリジナル
1283 人が閲覧しました
コードをコピー コードは次のとおりです:

/**
* power by wooshoo copyright 2008-2009
* プログラム名: JQuery 専用入力チェッカー
* 内容: 入力 [テキスト パスワード非表示] とテキストエリア ユーザー入力を特にチェック
* チェック 範囲は次のとおりです。文字数、特殊文字が含まれているかどうか、整数であるかどうか、電子メール形式に準拠しているかどうか、電話番号であるかどうか、
* が Web サイトのアドレスであるかどうか、画像アドレスであるかどうか、浮動小数点数、人民元通貨かどうか、日付形式であるかどうか
* 時刻形式であるかどうか、日時形式であるかどうか、パスワード形式であるかどうか (大文字と小文字のみを含む) 、数字と下線)、
* まだ利用できません:英語以外の数字であるかどうか特殊な文字形式(つまり、中国語、日本語、韓国語などの大きな文字言語のみ)、HTML が含まれているかどうかタグ、UBB タグが含まれているかどうか、
*
*/
(function($) {
var wshc = $.fn.check = function(){
return wshc.fn.init(this );
}
DATETIME = {
FULL: "フル"、
SIMPLE: "シンプル"、
ENGLISH: "英語"、
JAPANESE: "日本語"、
CHINESE: "中国語"
}
wshc.fn = {
init: function(obj){
wshc.fn.val = obj.val();
return wshc.fn ;
},
notNull: function(){
if(this.val !== "" || this.val !== 未定義){
return true; 🎜>error("文字が入力されていません。");
return false;
number: function(min,max){//単語数が制限を超えているかどうかを確認します
if(this .val.length >= min && this.val.length <= max){
return
}
error("入力した文字は " min " を超えています - " max " Limit. ");
return false;
},
specialChar: function(pat){//特殊文字が含まれているかどうかを確認します
// 特殊文字は次のとおりです: / @ # $ % ^ & * = < > n r
//カスタマイズする必要がある場合は、パラメータ
pat = pat || /[\/@#$%^&*=< ;>nr] /;
error("入力された文字には特殊な文字が含まれています。");
return mat(this.val,pat);
isNum: function( len){//check それは数値ですか?
if(!isNaN(this.val)){
return true;
}
error("入力した値は数値ではありません。" );
return false;
},
integer: function(){// 整数かどうかを確認します
if(this.val == parseInt(this.val)){
return true;
}
error (「入力した入力は整数ではありません。 ");
return false;
},
float: function(){//10 進数かどうかを確認します
if(this.isNum() && !this.integer()){
return true;
}
error("入力した値は小数ではありません。");
return false;
rmb: function(){//Check通貨かどうか (人民元の標準形式は、0.00 または 10.00 (最初の桁は 1 桁を除きゼロではありません)
var pat = /^([1-9][0-9] |[0-9 ]).[0-9] {2}$/;
error("入力した形式は人民元通貨ではありません。");
return mat(this.val,pat);
email: function(pat) {//メール形式と一致するかどうかを確認します
pat = pat || /^[a-zA-Z0-9_-.] @[a-zA-Z0-9_- .] .[a-zA-Z] {0,4}$/;
error("入力した内容はメール形式ではありません。");
return mat(this.val,pat); 🎜>},
http: function( pat){// Web サイトのアドレス (http を含む) であるかどうかを確認します。
pat = pat || /^(http|HTTP)://[^s ]*/;
error("入力した内容はユニバーサル URL 形式ではありません。");
return mat(this.val,pat);
url: function(pat); //通信アドレスかどうかを確認します
pat = pat || /^[a-zA-z] ://[^s]*/
error("入力した内容は汎用通信ではありませんプロトコル形式。");
return mat(this.val,pat);
},
image: function(pat){//画像アドレスかどうかを確認します (jpg gif png bmp jpeg)
pat = pat || /^(http|HTTP)://[^s ]*(jpg|JPG|png|PNG|gif|GIF|bmp|BMP|jpeg|JPEG)$/; error("入力した画像形式は Web ページで許可されていません。");
return mat (this.val,pat)
},
password: function(pat){
pat = pat || /^w*$/;
error("入力したパスワードは の形式ではありません。 ");
return mat(this.val,pat);
},
tel: function(pat){
pat = pat || /^d{3}-d{8} $|^d{4}-d{7}$/;
error("入力した形式は中国の固定電話番号ではありません。");
return mat(this.val,pat);
},
mobile: function(pat){
pat = pat || /^1d{10}$/;
error("入力した形式は中国の携帯電話番号ではありません) .");
return mat(this.val,pat);
},
datatime: function(){
return DATETIME;
},
date: function(type ){
var pat;
switch(type){
case DATETIME.FULL:
pat = /^(([1-9]d{0,3}|0)-d{ 2}-d {2})|(([1-9]d{0,3}|0).d{2}.d{2})|(([1-9]d{0,3} |0)/ d{2}/d{2})$/;
break;
case DATETIME.SIMPLE:
pat = /^(d{2}-d{1,2}- d{1, 2})|(d{2}.d{1,2}.d{1,2})|(d{2}/d{1,2}/d{1,2})$ /;
break;
case DATETIME.ENGLISH:
pat = /^w* d{1,2},(([1-9]d{0,3}|0)| ([ 1-9] d{0,3}|0))$/;
break;
case DATETIME.JAPANESE:
pat = /^(([1-9]d{0,3} |0)年 d{2} 月 d{2} 日)$/;
break
case DATETIME.CHINESE:
pat = /^(([1-9]d{0,3) }|0) 年 d{2} 月 d{2} 日)$/;
break;
}
error("入力した日付の形式が正しくありません。");
return mat(this.val,pat);
},
time: function(type){
var pat;
switch(type){
case DATETIME .FULL:
pat = /^d{2}:d{2}:d{2}$/;
break;
case DATETIME.SIMPLE:
pat = /^d{1 ,2}:d{1,2}:d{1,2}$/;
break;
case DATETIME.ENGLISH:
pat = /^d{1,2}:d{1 ,2}:d{1,2}$/;
break;
case DATETIME.JAPANESE:
pat = /^d{1,2} 時間 d{1,2} 分 d{1 ,2} 秒 $/;
break;
case DATETIME.CHINESE:
pat = /^d{1,2} 時間 d{1,2} 分 d{1,2} 秒 $/ ;
break;
}
error("入力した時刻の形式が正しくありません。");
return mat(this.val,pat); >var mat = function(val,pat){
if (val.match(pat)) {
return true;
}
return false;
}
var error = function(err){
wshc.fn.error = err || "フォーマットされていないエラー。 ";
}
})(jQuery);
使用法:
jQuery3.2 パッケージをインポートしていることが前提です
JS:

$(function(){
//単語数が制限を超えていないか確認します
$(#"do_check").bind("click",function(){
alert($("# wooshoo_ipt" ).check().number());
alert($("#wooshoo_ipt").check().error);
});
});
< /script> ;
HTML:

入力してください:

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート