老裴帮助关于常用的几个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>

你可能感兴趣的:(JavaScript,jquery,正则表达式,cache,css)