您的位置：首页 > Web前端 > JQuery

检测某个输入检测输入的值是否是汉字(jQuery插件版本)

2014-02-24 00:00 309 查看

摘要: 检测某个输入控件输入的值是否是汉字(jQuery插件版本)

实例代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
(function($){
//正则表达式验证
$.regTest=function(opt){
var currOpt=$.extend({
reg:"^Hello World!$",
regCase:"i",
regGlobal:"g",
regMulti:"m",
regVal:"Hello World!",
debug:false
},opt);
var strAttr=currOpt["regCase"].toString();
strAttr+=currOpt["regGlobal"].toString();
strAttr+=currOpt["regMulti"].toString();
var strReg=currOpt["reg"].toString();
var strVal=currOpt["regVal"].toString();
var isDebug=currOpt["debug"];
var regObj=new RegExp(strReg,strAttr);
if(isDebug){
var strLine="\r\n";
var strMsg="Reg:"+strReg+strLine;
strMsg+="RegAttr:"+strAttr+strLine;
strMsg+="RegVal:"+strVal+strLine;
strMsg+="RegExp Object Info:"+strLine;
$.each(regObj,function(key,value){
strMsg+="Key:"+key.toString()+",Value:"+value+"."+strLine;
});
window.alert(strMsg);
}
return regObj.test(strVal);
};
//正则表达式验证帮助
$.regTestHelper=function(){
var strLine="\r\n";
var strMsg="$.regTest Help:"+strLine;
var currOpt={
reg:"^Hello World!$",
regCase:"i",
regGlobal:"g",
regMulti:"m",
regVal:"Hello World!",
debug:false
};
strMsg+="Default Options:"+strLine;
$.each(currOpt,function(key,value){
strMsg+=key+":"+value+"."+strLine;
});
return strMsg;
};
//验证是否是中文
$.isChinese=function(strVal){
var strReg="^[\u4E00-\u9FA5]{2,4}$";
return $.regTest({
reg:strReg,
regVal:strVal
});
};
//获取空间的trim后的value
$.TrimVal=function(selector){
return $.trim($(selector.toString()).val());
};
//控件获取焦点
$.focusInput=function(selector){
try{
$(selector.toString()).focus();
return true;
}
catch(e){
return false;
}
};
})(jQuery);
$(function(){
window.alert("Welcome to the world of jQuery!");
window.alert($.regTestHelper());
$("input#btnTest").click(function(){
var inputSele="#txtName";
var strName=$.TrimVal(inputSele);
if(!$.isChinese(strName)){
window.alert("请输入两个到四个之间的汉字！");
$.focusInput(inputSele);
}
});
});
</script>
</head>
<body>
<label>姓名：<input type="text" id="txtName" value=""/></label>
<br/>
<label><input type="button" id="btnTest" value="测试" /> </label>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jQuery 插件检测

相关文章推荐

新的分享

章节导航