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

最新推荐文章于 2018-07-30 18:12:19 发布

weixin_34032621

最新推荐文章于 2018-07-30 18:12:19 发布

阅读量138

点赞数

文章标签： javascript xhtml ViewUI

原文链接：https://my.oschina.net/loveyj/blog/202658

版权

为什么80%的码农都做不了架构师？>>>

实例代码：

<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>