部分常用脚本验证表单

本文介绍了几种常用的前端表单验证方法,包括限制输入长度、限定输入类型(如仅限汉字、英文、数字等)、验证电子邮件格式及确保两次密码输入一致等。通过这些实用的JavaScript代码片段,帮助开发者轻松实现表单的有效性和用户体验的提升。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 长度限制
程序代码:

<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">
</form>
<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">
</form> 

2. 只能是汉字 
程序代码:

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

3. 只能是英文
程序代码:

<script language=java script>
function onlyEng()
{
  if(!(event.keyCode>=65&&event.keyCode<=90))
    event.returnvalue=false;
}
</script>
<script language=java script>
function onlyEng()
{
  if(!(event.keyCode>=65&&event.keyCode<=90))
    event.returnvalue=false;
}
</script>

<input onkeydown="onlyEng();">

4. 只能是数字
程序代码:

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

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

<input onkeydown="onlyNum();">

5. 只能是英文字符和数字
程序代码:

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

6. 验证邮箱格式
程序代码:

<SCRIPT LANGUAGE=java script 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)>
<SCRIPT LANGUAGE=java script 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)>

7. 屏蔽关键字(这里屏蔽sex和****)
程序代码:

<script language="java script1.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>
<script language="java script1.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>

8. 两次输入密码是否相同
程序代码:

<FORM METHOD=POST ACTION="">
<input type="password" id="input1">
<input type="password" id="input2">
<input type="button" value="test" onclick="check()">
</FORM>
<script>
function check()
{ 
    with(document.all){
   if(input1.value!=input2.value)
   {
     alert("false")
  input1.value = "";
  input2.value = "";
   }
   else document.forms[0].submit();
   }
}
</script>

屏蔽右键 很酷  
程序代码:

oncontextmenu="return false" ondragstart="return false" onselectstart="return false"
oncontextmenu="return false" ondragstart="return false" onselectstart="return false"
加在body中

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值