一些常见的JS表单验证代码

        有些form表单的控件要验证输入信息,但如果把这些控件信息都传到后台再检测,总觉得小题大作,而且会导致后台的代码量比较重(虽然String类非常好用),所以建议一些简单的表单验证就直接在前端通过JS代码实现就行了。

        下面的代码是网上找的,借来用一下,嘿嘿~

        1、输入框不能为空:

       

<form name="form1"method="POST"action=""οnsubmit="return check()"> 
    <p align="center">请输入姓名:<input type="text"name="name" size="20"></p> 
    <p><input type="submit"&#118alue="提交"name="B1"></p> 
</form> 

<script LANGUAGE="&#106avascript"> 
<!-- 
function check() 
{ 
if(document.form1.name.&#118alue.length==0){ 
      alert("输入框不能为空!"); 
      document.form1.name.focus(); 
      return false; 
     } 
   } 
//--> 
</script>


        2、两次输入密码是否相同:

<FORM METHOD=POST ACTION=""> 
<input type="password" id="input1"> 
<input type="password" id="input2"> 
<input type="button" value="test" οnclick="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> 

<script   language="javascript"> 
<!-- 
function   CheckForm() 
{ 
if   (document.form.name.value.length   ==   0)   {    
alert("请输入您姓名!"); 
document.form.name.focus(); 
return   false; 
} 
return   true; 
} 
--> 
</script> 


        3、比较两个表单项的值是否相同

<script   language="javascript"> 
<!-- 
function   CheckForm() 
if   (document.form.PWD.value   !=   document.form.PWD_Again.value)   { 
alert("您两次输入的密码不一样!请重新输入."); 
document.ADDUser.PWD.focus(); 
return   false; 
} 
return   true; 
} 
--> 
</script>


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值