老裴帮助关于常用的几个JS正则表达的练习-优快云博客

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>正则表达公式</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<script type="text/javascript"
   src="<%=path%>/js/jquery/jquery-1.3.2.js"></script>
<style type="text/css">

</style>]
</head>
    <script type="text/javascript">
jQuery(document).ready(function(){
//用户名称
jQuery("#username").blur(function(){
  var val = jQuery(this).val();
  var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){6,10}$/;
  if(!patrn.exec(val)){
  alert("只能输入6-10个以字母开头、可带数字、“_”、“.”的字串");
  return false;
  }else{
  return true;
  }
});
   //密码
jQuery("#userpwd").blur(function(){
  var val = jQuery(this).val();
  var patrn=/^[\w]{6,10}$/;
  if(!patrn.exec(val)){
  alert("密码必须为6-10位数字或字母下滑线组成的字串");
  return false;
  }else{
  return true;
  }
});

//手机号码
jQuery("#mobliphone").blur(function(){
  var val = jQuery(this).val();
  var patrn=/^1[0-9]{10}$/;
  if(!patrn.exec(val)){
  alert("手机号码必须为11为数字");
  return false;
  }else{
  return true;
  }
});

//固定电话
jQuery("#telephone").blur(function(){
  var val = jQuery(this).val();
  var patrn=/^(([\d]{3,4}\-)|([\d]{3,4}))?([\d]{7,8})$/;
  if(!patrn.exec(val)){
  alert("固定电话格式不对");
  return false;
  }else{
  return true;
  }
});

//邮箱
jQuery("#email").blur(function(){
  var val = jQuery(this).val();
  //var patrn=\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
  var patrn=/^[\w-]+(.[\w-]+)*@[\w]+(.[\w]+)(.[\w]+)*$/;
  if(!patrn.exec(val)){
  alert("邮箱格式不对");
  return false;
  }else{
  return true;
  }
});

//ip地址
jQuery("#idaddress").blur(function(){
  var val = jQuery(this).val();
  var patrn=/^[\d]{1,3}.[\d]{1,3}.[\d]{1,3}.[\d]{1,3}$/;
  if(!patrn.exec(val)){
  alert("ip地址格式不对");
  return false;
  }else{
  return true;
  }
});
//URL
jQuery("#url").blur(function(){
  var val = jQuery(this).val();
  var patrn=/^[a-zA-Z]+:\/\/[\w]+.[\w]+\?[\w]*$/;
  if(!patrn.exec(val)){
  alert("URL格式不对");
  return false;
  }else{
  return true;
  }
});
//双精度数字
jQuery("#double").blur(function(){
  var val = jQuery(this).val();
  var patrn=/^[+-]?[\d]+(.[\d]{1,3})?$/;
  if(!patrn.exec(val)){
  alert("双精度数字格式不对");
  return false;
  }else{
  return true;
  }
});
//空白字符
jQuery("#empty").blur(function(){
  var val = jQuery(this).val();
  var patrn=/^[\s]*$/;
  if(!patrn.exec(val)){
  alert("空白字符格式不对");
  return false;
  }else{
  return true;
  }
});

//中文字符
jQuery("#china").blur(function(){
  var val = jQuery(this).val();
  var patrn=/^[\u4e00-\u9fa5]*$/;
  if(!patrn.exec(val)){
  alert("中文字符格式不对");
  return false;
  }else{
  matchDemo();
  return true;
  }
});
RegExpTest();
});
function RegExpTest(){
var ver = 6.0;
if (ver >= 5.5){
    var src = "The rain in Spain falls mainly in the plain.";
    var re = /\w+/g;
    var arr;
    while ((arr = re.exec(src)) != null)
       alert(arr.index + "-" + arr.lastIndex + "\t" + arr);
}
else{
    alert("You need a newer version of JScript for this to work");
}
}
</script>
<body>
<fieldset>
<legend>正则表达式的使用</legend>
用户名称<input type="text" name="username" id="username" value=""><span>只能输入6-10个以字母开头、可带数字、“_”、“.”的字串
</span>
<br>
密码<input type="text" name="userpwd" id="userpwd" value=""><span>请输入数字，字母长度不超过10位</span>
<br>
手机号码<input type="text" name="mobliphone" id="mobliphone" value=""><span>请输入手机号码</span><br>
固定电话<input type="text" name="telephone" id="telephone" value=""><span>请输入固定电话</span><br>
邮箱<input type="text" name="email" id="email" value=""><span>请输入邮箱</span><br>
ip地址<input type="text" name="idaddress" id="idaddress" value=""><span>请输入ip地址</span><br>
URL<input type="text" name="url" id="url" value=""><span>请输入URL</span><br>
双精度数字<input type="text" name="double" id="double" value=""><span>请输入双精度数字</span><br>
空白字符<input type="text" name="empty" id="empty" value=""><span>请输入空白字符</span><br>
中文字符<input type="text" name="china" id="china" value=""><span>请输入中文字符</span><br>
</fieldset>
</body>
</html>