📄 18-1.htm

📁 php 和 ajax 开发的一些资料
💻 HTM
字号:
<html>
<head>
<title>验证用户输入内容的合法性</title>
<script language="javascript">
function check_u()
{
  obj1=document.getElementById("username");		//获取对象
  obj2=document.getElementById("u_e");
  while(obj2.hasChildNodes())
  {
    obj2.removeChild(obj2.childNodes[0]);
  }
  var pattern=/[^\x00-\xff]/g;					//定义中文的正则表达式
  if(pattern.test(obj1.value) || obj1.value=="")					//如果内容中包含中文
  {
    sub_t=document.createTextNode("用户名不能包括中文,且不能为空！");
    obj2.appendChild(sub_t);
  }
}
function check_p()
{
  obj1=document.getElementById("password");		//获取对象
  obj2=document.getElementById("p_e");
  while(obj2.hasChildNodes())
  {
    obj2.removeChild(obj2.childNodes[0]);
  }
  var pattern=/^\w+$/;
  if((!pattern.test(obj1.value)) || obj1.value=="")					//如果内容不合法
  {
    sub_t=document.createTextNode("密码只能为英文字母、数字或下划线，且不能为空");
    obj2.appendChild(sub_t);
  }
}
function check_m()
{
  obj1=document.getElementById("mail");		//获取对象
  obj2=document.getElementById("m_e");
  while(obj2.hasChildNodes())
  {
    obj2.removeChild(obj2.childNodes[0]);
  }
  var pattern=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;					//邮箱正则
  if((!pattern.test(obj1.value)) || obj1.value=="")					//如果内容中包含中文
  {
    sub_t=document.createTextNode("邮箱格式不合法或者为空");
    obj2.appendChild(sub_t);
  }
}
function check_t()
{
  obj1=document.getElementById("text");		//获取对象
  obj2=document.getElementById("t_e");
  while(obj2.hasChildNodes())
  {
    obj2.removeChild(obj2.childNodes[0]);
  }
  if(obj1.value.length>100)					//如果内容中包含中文
  {
    sub_t=document.createTextNode("输入长度不能超过100");
    obj2.appendChild(sub_t);
  }
}
</script>
</head>
<body>
<center>
<font size=4 color="#ff0000">
验证用户输入内容的合法性
</font>
<p>
<table border="1">
<form action="#">
<tr>
<td width="30%">输入姓名：</td>
<td widht="70%">
<input type="text" id="username" onblur="check_u()">
<div id="u_e"></div>
</td>
</tr>
<tr>
<td>输入密码：</td>
<td>
<input type="password" id="password" onblur="check_p()">
<div id="p_e"></div>
</td>
</tr>
<tr>
<td>输入邮箱：</td>
<td>
<input type="text" id="mail" onblur="check_m()">
<div id="m_e"></div>
</td>
</tr>
<tr>
<td>输入内容：</td>
<td>
<textarea rows="5" cols="30" id="text" onblur="check_t()">
</textarea>
<br>
<div id="t_e"></div>
</td>
</tr>
<tr>
<td colspan="2"><center>
<input type="button" value="确认提交"><input type="reset" value="重新填写">
</center></td>
</tr>
</form>
</table>
</center>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -