当前位置:首页>网络学院>网页制作>Javascript教程>文章内容

网页技巧学习:表单精确验证代码

[ 来源:www.it55.com | 作者: | 时间:2007-07-12 | 收藏 | 推荐 ] 【

  在表单输入完数据以后,实现以下验证效果:

http://www.it55.com/

  1--规定输入的字小于50字

vd;k;l www.it55.com rdfg

<script>
function test()
{
if(document.a.b.value.length>50)
  {
  alert("不能超过50个字符!");
  document.a.b.focus();
  return false;
  }
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL"  rows="6"></textarea>
<input type="submit" name="Submit" value="check">

IT资讯之家 www.it55.com

  2--只能是汉字 vd;k;l www.it55.com rdfg

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"> www.it55.com

  3--只能是英文字符

it55.com

<script language=javascript>
function onlyEng()
{
  if(!(event.keyCode>=65&&event.keyCode<=90))
    event.returnValue=false;
}
</script>
<input onkeydown="onlyEng();">

免费资源www.it55.com

  4--只能是数字

www.it55.com

<script language=javascript>
function onlyNum()
{
  if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
    event.returnValue=false;
}
</script>
<input onkeydown="onlyNum();">

sflj www.it55.com kg^&fgd

  5--只能是英文字符和数字 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

it55.com

  6--规定的输入长度必须大于10字

www.it55.com

<script>
function test()
{
if(document.a.b.value.length<10)
  {
  alert("不能少于10个字符!");
  document.a.b.focus();
  return false;
  }
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL"  rows="6"></textarea>
<input type="submit" name="Submit" value="check"> IT资讯之家 www.it55.com

  7--验证为email格式

sflj www.it55.com kg^&fgd

<SCRIPT LANGUAGE=Javascript RUNAT=Server>
function isEmail(strEmail) {
 if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
  return true;
 else
  alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)> http://www.it55.com/

  8--屏蔽关键字(就是如果遇到我事先设置的关键字,就提示错误,无法继续)

IT资讯之家 www.it55.com

<script language="JavaScript1.2">
function test() {
if((a.b.value.indexOf ("sex") == 0)||(a.b.value.indexOf ("****") == 0)){
    alert("五讲四美三热爱");
    a.b.focus();
    return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>

免费资源www.it55.com

(阅读次数:

返回顶部
 

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]

热门文章