jsp表单验证大全

最新推荐文章于 2022-12-07 19:02:35 发布
最新推荐文章于 2022-12-07 19:02:35 发布
阅读量4k 收藏 10
点赞数
分类专栏： 前端开发

原文：http://blog.csdn.net/zndxlxm/article/details/7405246

js验证表单大全

js验证radio是否选择
<script language="javascript">
function checkform(obj)
{
for(i=0;i<obj.oo.length;i++)
          if(obj.oo[i].checked==true) return true;
alert("请选择")
return false;        
}
</script>
<form id="form1" name="form1" method="post" action=""    οnsubmit="return checkform(this)">
    <input type="radio" name="oo" value="radiobutton" />
    <input type="radio" name="oo" value="radiobutton" />
    <input type="submit" name="Submit" value="提交" />
</form>
1. 长度限制
<script>
function test() 
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符！");
document.a.b.focus();
return false;
}
}
</script>
<form name=a οnsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form> 


2. 只能是汉字 
<input οnkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')">


3." 只能是英文
<script language=javascript>
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>


<input οnkeydοwn="onlyEng();">


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


<input οnkeydοwn="onlyNum();">


5. 只能是英文字符和数字
<input οnkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">


6. 验证油箱格式
<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 οnblur=isEmail(this.value)>


7. 屏蔽关键字(这里屏蔽***和****)
<script language="javascript1.2">
function test() {
if((a.b.value.indexOf ("***") == 0) (a.b.value.indexOf ("****") == 0)){
alert("");
a.b.focus();
return false;}
}
</script>
<form name=a οnsubmit="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" ο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>
够了吧 
屏蔽右键 很酷 
οncοntextmenu="return false" οndragstart="return false" onselectstart="return false"
加在body中




二


2.1      表单项不能为空


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


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


<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>


2.3      表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等


<script      language="javascript">
<!--
function      isNumber(String)
{  
var      Letters      =      "1234567890-";      //可以自己增加可输入值
var      i;
var      c;
if(String.charAt(      0      )=='-')
return      false;
if(      String.charAt(      String.length      -      1      )      ==      '-'      )
return      false;
for(      i      =      0;      i      <      String.length;      i      ++      )
{  
c      =      String.charAt(      i      );
if      (Letters.indexOf(      c      )      <      0)
return      false;
}
return      true;
}
function      CheckForm()
{  
if(!      isNumber(document.form.TEL.value))      {  
alert("您的电话号码不合法！");
document.form.TEL.focus();
return      false;
}
return      true;
}
-->
</script>




2.4      表单项输入数值/长度限定


<script      language="javascript">
<!--
function      CheckForm()  
{  
if      (document.form.count.value      >      100            document.form.count.value      <      1)
{  
alert("输入数值不能小于零大于100!");
document.form.count.focus();
return      false;
}
if      (document.form.MESSAGE.value.length<10)
{  
alert("输入文字小于10!");
document.form.MESSAGE.focus();
return      false;
}
return      true;
}
//-->
</script>


2.5      中文/英文/数字/邮件地址合法性判断


<SCRIPT      LANGUAGE="javascript">
<!--


function      isEnglish(name)      //英文值检测
{  
if(name.length      ==      0)
return      false;
for(i      =      0;      i      <      name.length;      i++)      {  
if(name.charCodeAt(i)      >      128)
return      false;
}
return      true;
}


function      isChinese(name)      //中文值检测
{  
if(name.length      ==      0)
return      false;
for(i      =      0;      i      <      name.length;      i++)      {  
if(name.charCodeAt(i)      >      128)
return      true;
}
return      false;
}


function      isMail(name)      //      E-mail值检测
{  
if(!      isEnglish(name))
return      false;
i      =      name.indexOf("      at      ");
j      =      name      dot      lastIndexOf("      at      ");
if(i      ==      -1)
return      false;
if(i      !=      j)
return      false;
if(i      ==      name      dot      length)
return      false;
return      true;
}


function      isNumber(name)      //数值检测
{  
if(name.length      ==      0)
return      false;
for(i      =      0;      i      <      name.length;      i++)      {  
if(name.charAt(i)      <      "0"            name.charAt(i)      >      "9")
return      false;
}
return      true;
}


function      CheckForm()
{  
if(!      isMail(form.Email.value))      {  
alert("您的电子邮件不合法！");
form.Email.focus();
return      false;
}
if(!      isEnglish(form.name.value))      {  
alert("英文名不合法！");
form.name.focus();
return      false;
}
if(!      isChinese(form.cnname.value))      {  
alert("中文名不合法！");
form.cnname.focus();
return      false;
}
if(!      isNumber(form.PublicZipCode.value))      {  
alert("邮政编码不合法！");
form.PublicZipCode.focus();
return      false;
}
return      true;
}
//-->
</SCRIPT>


2.6      限定表单项不能输入的字符


<script      language="javascript">
<!--


function      contain(str,charset)//      字符串包含测试函数
{  
var      i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return      true;
return      false;
}


function      CheckForm()
{  
if      ((contain(document.form.NAME.value,      "%\(\)><"))            (contain(document.form.MESSAGE.value,      "%\(\)><")))
{  
alert("输入了非法字符");
document.form.NAME.focus();
return      false;
}
return      true;
}
//-->
</script>  


1. 检查一段字符串是否全由数字组成       
---------------------------------------       
<script language="Javascript"><!--           
function checkNum(str){return str.match(/\D/)==null}           
alert(checkNum("1232142141"))           
alert(checkNum("123214214a1"))           
// --></script>         
      
2. 怎么判断是否是字符         
---------------------------------------       
if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");          
else alert("全是字符");      
           
3. 怎么判断是否含有汉字        
---------------------------------------        
if (escape(str).indexOf("%u")!=-1) alert("含有汉字");         
else alert("全是字符");           
    
4. 邮箱格式验证    
---------------------------------------      
//函数名：chkemail     
//功能介绍：检查是否为Email Address     
//参数说明：要检查的字符串     
//返回值：0：不是 1：是     
function chkemail(a)     
{ var i=a.length;     
var temp = a.indexOf('@');     
var tempd = a.indexOf('.');     
if (temp > 1) {     
if ((i-temp) > 3){     
if ((i-tempd)>0){     
return 1;     
}     
    
}     
}     
return 0;     
}     
    
5. 数字格式验证    
---------------------------------------      
//函数名：fucCheckNUM     
//功能介绍：检查是否为数字     
//参数说明：要检查的数字     
//返回值：1为是数字，0为不是数字     
function fucCheckNUM(NUM)     
{     
var i,j,strTemp;     
strTemp="0123456789";     
if ( NUM.length== 0)     
return 0     
for (i=0;i<NUM.length;i++)     
{     
j=strTemp.indexOf(NUM.charAt(i));     
if (j==-1)     
{     
//说明有字符不是数字     
return 0;     
}     
}     
//说明是数字     
return 1;     
}     
    
6. 电话号码格式验证    
---------------------------------------      
//函数名：fucCheckTEL     
//功能介绍：检查是否为电话号码     
//参数说明：要检查的字符串     
//返回值：1为是合法，0为不合法     
function fucCheckTEL(TEL)     
{     
var i,j,strTemp;     
strTemp="0123456789-()# ";     
for (i=0;i<TEL.length;i++)     
{     
j=strTemp.indexOf(TEL.charAt(i));     
if (j==-1)     
{     
//说明有字符不合法     
return 0;     
}     
}     
//说明合法     
return 1;     
}    
   
7. 判断输入是否为中文的函数   
---------------------------------------      
function ischinese(s){   
var ret=true;   
for(var i=0;i<s.length;i++)   
ret=ret && (s.charCodeAt(i)>=10000);   
return ret;   
}    
   
8. 综合的判断用户输入的合法性的函数  
---------------------------------------      
<script language="javascript">  
//限制输入字符的位数开始  
//m是用户输入，n是要限制的位数  
function issmall(m,n)  
{  
if ((m<n) && (m>0))  
      {  
      return(false);  
      }  
else  
{return(true);}  
}  
  
9. 判断密码是否输入一致  
---------------------------------------      
function issame(str1,str2)  
{  
if (str1==str2)  
{return(true);}  
else  
{return(false);}  
}  
  
10. 判断用户名是否为数字字母下滑线 
---------------------------------------      
function notchinese(str){ 
var reg=/[^A-Za-z0-9_]/g 
        if (reg.test(str)){ 
        return (false); 
        }else{ 
return(true);        } 
} 


11. form文本域的通用校验函数
---------------------------------------      
作用：检测所有必须非空的input文本，比如姓名，账号，邮件地址等等。
该校验现在只针对文本域，如果要针对form里面的其他域对象，可以改变判断条件。


使用方法：在要检测的文本域中加入title文字。文字是在提示信息，你要提示给用户的该字段的中文名。比如要检测用户名
html如下<input name="txt_1" title="姓名">,当然，最好用可视化工具比如dreamweaver什么的来编辑域。
如果要检测数字类型数据的话，再把域的id统一为sz.
javascript判断日期类型比较麻烦，所以就没有做日期类型校验的程序了.高手可以补充。


程序比较草，只是提供一个思路。抛砖引玉！ ：）
哦，对了，函数调用方法：< form      οnsubmit="return dovalidate()">


function dovalidate()
{
fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件
        for(i=0;i<fm.length;i++)
        {  
        //检测判断条件，根据类型不同可以修改
        if(fm.tagName.toUpperCase()=="INPUT" &&fm.type.toUpperCase()=="TEXT" && (fm.title!=""))
    
             if(fm.value="/blog/="")//
             {
             str_warn1=fm.title+"不能为空!";
             alert(str_warn1);
            fm.focus();
             return false;         
             }
             if(fm.id.toUpperCase()=="SZ")//数字校验
             {
                     if(isNaN(fm.value))
                    { str_warn2=fm.title+"格式不对";
                    alert(str_warn2);
                    fm.focus();
                     return false;
                     }
            }
        }
        return true;
}




2 >表单提交验证类 




2.1 表单项不能为空


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


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


<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>


2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等


<script language="javascript">
<!--
function isNumber(String)
{ 
var Letters = "1234567890-"; //可以自己增加可输入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ )
{ 
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{ 
if(! isNumber(document.form.TEL.value)) { 
alert("您的电话号码不合法！");
document.form.TEL.focus();
return false;
}
return true;
}
-->
</script>




2.4 表单项输入数值/长度限定


<script language="javascript">
<!--
function CheckForm() 
{ 
if (document.form.count.value > 100 document.form.count.value < 1)
{ 
alert("输入数值不能小于零大于100!");
document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length<10)
{ 
alert("输入文字小于10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
</script>


2.5 中文/英文/数字/邮件地址合法性判断


<SCRIPT LANGUAGE="javascript">
<!--


function isEnglish(name) //英文值检测
{ 
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) { 
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}


function isChinese(name) //中文值检测
{ 
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) { 
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}


function isMail(name) // E-mail值检测
{ 
if(! isEnglish(name))
return false;
i = name.indexOf(" at ");
j = name dot lastIndexOf(" at ");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name dot length)
return false;
return true;
}


function isNumber(name) //数值检测
{ 
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) { 
if(name.charAt(i) < "0" name.charAt(i) > "9")
return false;
}
return true;
}


function CheckForm()
{ 
if(! isMail(form.Email.value)) { 
alert("您的电子邮件不合法！");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) { 
alert("英文名不合法！");
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) { 
alert("中文名不合法！");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) { 
alert("邮政编码不合法！");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
</SCRIPT>


2.6 限定表单项不能输入的字符


<script language="javascript">
<!--


function contain(str,charset)// 字符串包含测试函数
{ 
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}


function CheckForm()
{ 
if ((contain(document.form.NAME.value, "%\(\)><")) (contain(document.form.MESSAGE.value, "%\(\)><")))
{ 
alert("输入了非法字符");
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>

昆仑虎
关注
  • 0
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用jsp做的几种表单
04-23
用html+jsp做的几种基本表单以及相应的处理过程
jsp表单验证
0bug0warning的博客
10-03 2567
jsp–表单验证 表单验证有两种方式 通过前端js调用onsubmit函数实现。 通过jsp重定向来实现 下面我们来了解一下第二种方式 &amp;amp;lt;%@ page language=&amp;quot;java&amp;quot; contentType=&amp;quot;text/html; charset=UTF-8&amp;quot; pageEncoding=&amp;quot;UTF-8&amp;quot;%&amp
JSP实现表单验证
热门推荐
Luminary的技术烟火
10-20 1万+
JSP实现表单验证第一个体现jsp价值的作业，然而在经历重重问题考验后，Ending 注册表单：register <%-- Created by IntelliJ IDEA. User: Luminary Date: 2017/10/20 Time: 15:23 To change this template use File | Settings | File Templat
JSP检验输入格式是否正确
Garson的博客
12-07 1395
今天在做JavaWeb实验。其中有一个内容是判断前端JSP的Form表单传入的输入值格式是否正确，就此记录。首先用最简单的代码来演示：此代码校验表单输入name值不为空 主要的代码： 首先我们要写一个Function，其次我们要在Form表单中填写name和onsubmit字段。name表示表单的名字：name用于Function中数据值的获取。onsubmit表示调用的方法：onsubmit用于调用Function。返回若为false则不跳转页面（或调用servlet）。增加更多的限制：我们也可以用以
JSP的基本语法，工作原理和表单登录验证
m0_61857264的博客
03-26 682
目录 工作原理 Web容器处理jsp文件的三个过程 基本语法 1.jsp注释 2.指令 3.声明 4.表达式 5.小脚本 没有谁的幸运会凭空而来，只有足够努力，你才会足够幸运，加油 ——2022.3.26 工作原理 1.用户输入，然后从客户...
jsp表单验证汇总
10-24
js验证表单大全js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i;i++) if(obj.oo[i].checked==true) return true; alert("请选择")return false; }</script><form id="form1...
jsp表单验证实例
11-13
这个是一个很好的网页表单验证实例，可以好好学习学习
jsp表单验证js文件
10-18
原创，自己写的一套表单验证js文件。 /*使用说明 * 示例 邮箱"> * 字段注释 comments="邮箱" * 非空 notnull="true" * 最大长度 maxlength="30" * 负小数 datatype="ldouble" * 非负小数 datatype="rdouble" * 负...
很全面的jsp表单验证
11-08
非常简单的验证集合，可以直接使用，很好的一个例子。
非常强大jsp表单效验
08-23
非常强大jsp表单效验 里面包含了9种 不同的 验证
很漂亮的jsp表单验证
12-04
别人写的 感觉不错 拿出来晒晒 不想麻烦写表单验证的同学可以拿回去直接用
JSP客户端表单验证框架JSValidation
04-07
前面上传一次了的。不好意思！ 就是http://download.csdn.net/source/1183298
一个JSP实现表单验证和国际化的例子
07-17
一个JSP实现表单验证和国际化的例子
jsp超强表单验证
03-22
jsp超强表单验证，基本包含所有form校验
静态网页-新闻登录之表单验证
weixin_61001769的博客
03-26 494
JavaScript代码，定义函数判断 <script type="text/javascript"> var str = "qwertyupasdfghjkzxcvbnmQWERTYUPASDFGHJKLZXCVBNM23456789"; function yz() { //随机出4个0-字符串长度之间的数字 做为下标 yzmStr=""; for(var i=1;i<=4;i++){ yzmStr...
JavaScript检测表单元素值是否被修改
web技术分享
07-07 921
由于项目需要，用笨方法自己写了一个检测表单元素内容是否被修改的js函数 原理是表单元素初始化时，用一个函数封装了表单元素初始化的值， 表单提交时用一个函数封装提交时的表单元素值， 然后再与初始化时的一一对比， 表单元素有修改的，该元素的值将被提交。 其中checkModify 是提交表单信息时调用的， markFormElements 是表单元素初始化时调用的，用于封装各表单元素的初始...
jsp页面离开时，揭示是否保存页面修改内容，最简单的方法
Truong的专栏
08-19 3349
jsp页面离开时，提示是否保存页面修改内容，最简单的方法 var changeFlag=false;//标识文本框值是否改变，为true，标识已变 $().ready(function(){     //文本框值改变即触发     $("input[type='text']").change(function(){     changeFlag=true;     });
如何检测文件内容是否改变？
you are sherlocked by me!
07-09 2441
如: python解释器解释pyc文件是否过： 在生成pyc文件的同时，写入了一个Long型的变量，用于记录最近修改的时间,每次载入都会检查py文件和pyc文件修改日期是否一致，不一致则生成新的 文件校验: 比如下载一些文件，包之类的会有md5或sha256校验值文件(文件名.sha256，文件名.md5等等)，里面是校验值，我们可以将下载的文件用算法签名后与之对比来检测文件内容是否被篡改 git status判断文件内容是否被改变: 大概原理是先会比较文件的修改时间，文件大小等一些文件元数据
jsp用户注册表单验证
最新发布
04-23
为了实现jsp用户注册表单验证，您可以使用以下步骤： 1. 创建一个注册表单，包括所需的输入字段（例如姓名、电子邮件地址、密码等）以及提交按钮。 2. 在提交按钮上添加JavaScript函数，以便在用户单击按钮时执行...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值