- 浏览: 70257 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
liyuanhoa:
SSH 和FreeMarker 动态网页生成静态技术 事例 -
xiao-qiang163:
做的项目,界面很花哨, “好看”但不中用。
做的项目的截图
随着jquery的流行越来也多的网站开始使用jquery来做网站的有特效
为了减轻服务器端的压力 为了达到CS的那种高效 ,减轻网络流量
对表单的验证 放在了客户端。
age:这是jsp网页其中的表单部分
<form action="ztfAction" method="post">
<table class="tabin">
<tr><td>姓名:</td><td><input type="text" name="name" id="y"/><div></div></td></tr>
<tr><td>电话:</td><td><input type="text" name="tel" id="y"/><div></div></td></tr>
<tr><td>Email:</td><td><input type="text" name="email" id="y"/><div></div></td></tr>
<tr><td>密码:</td><td><input type="password" name="pawd" id="y"/><div></div></td></tr>
<tr><td>再次输入密码:</td><td><input type="password" name="password" id="y"/><div></div></td></tr>
</table>
</form>
下面是jquery的代码
var passwd1;
$(document).ready(function(){
$(".tabin input").each(function(index){
$(this).focus(function(){
//当光标定位是改变输入框的颜色
$(this).css("border-color","#FF0000");
$(this).next("div").html("");
}).blur(function(){
if(index==0){
var str = $(this).val();
var reg_exception =/[a-zA-Z1-9\u4e00-\u9fa5]{1,}/;
var result = reg_exception.test(str);
if(result){
$(this).css("border-color","#54585B")
}else{
$(this).next("div").html("请输入中文 或英文 或数字");
$(this).css("border-color","#FF000000");
$(this).val("");
}
}
if(index==1){alert("与用户名的输入框验证相似")}
if(index==2){alert("与用户名的输入框验证相似")}
if(index==3){
var reg_exception =/^[A-Za-z0-9]{6,}$/;
passwd1 = $(this).val();
var result =reg_exception.test(passwd1);
if(result){
$(this).css("border-color","#404040");
}else{
$(this).css("border-color","#D70402");
$(this).next("div").html("密码必须为6-20为的数字或大小写字母");
$(this).val("");
}
}
if(index==4){
var reg_exception =/^[A-Za-z0-9]{6,}$/;
var str2 = $(this).val();
var result =reg_exception.test(str2);
if(result){
if(passwd1==str2){
$(this).css("border-color","#404040");
}else{
$(this).css("border-color","D70402");
$(this).next("div").html("两次输入的密码不一致!请重新输入");
$(this).val("");
}
}else{
$(this).css("border-color","#404040");
$(this).next("div").html("密码必须为6-20为的数字或大小写字母");
$(this).val("");
}
}
});
});
});
为了减轻服务器端的压力 为了达到CS的那种高效 ,减轻网络流量
对表单的验证 放在了客户端。
age:这是jsp网页其中的表单部分
<form action="ztfAction" method="post">
<table class="tabin">
<tr><td>姓名:</td><td><input type="text" name="name" id="y"/><div></div></td></tr>
<tr><td>电话:</td><td><input type="text" name="tel" id="y"/><div></div></td></tr>
<tr><td>Email:</td><td><input type="text" name="email" id="y"/><div></div></td></tr>
<tr><td>密码:</td><td><input type="password" name="pawd" id="y"/><div></div></td></tr>
<tr><td>再次输入密码:</td><td><input type="password" name="password" id="y"/><div></div></td></tr>
</table>
</form>
下面是jquery的代码
var passwd1;
$(document).ready(function(){
$(".tabin input").each(function(index){
$(this).focus(function(){
//当光标定位是改变输入框的颜色
$(this).css("border-color","#FF0000");
$(this).next("div").html("");
}).blur(function(){
if(index==0){
var str = $(this).val();
var reg_exception =/[a-zA-Z1-9\u4e00-\u9fa5]{1,}/;
var result = reg_exception.test(str);
if(result){
$(this).css("border-color","#54585B")
}else{
$(this).next("div").html("请输入中文 或英文 或数字");
$(this).css("border-color","#FF000000");
$(this).val("");
}
}
if(index==1){alert("与用户名的输入框验证相似")}
if(index==2){alert("与用户名的输入框验证相似")}
if(index==3){
var reg_exception =/^[A-Za-z0-9]{6,}$/;
passwd1 = $(this).val();
var result =reg_exception.test(passwd1);
if(result){
$(this).css("border-color","#404040");
}else{
$(this).css("border-color","#D70402");
$(this).next("div").html("密码必须为6-20为的数字或大小写字母");
$(this).val("");
}
}
if(index==4){
var reg_exception =/^[A-Za-z0-9]{6,}$/;
var str2 = $(this).val();
var result =reg_exception.test(str2);
if(result){
if(passwd1==str2){
$(this).css("border-color","#404040");
}else{
$(this).css("border-color","D70402");
$(this).next("div").html("两次输入的密码不一致!请重新输入");
$(this).val("");
}
}else{
$(this).css("border-color","#404040");
$(this).next("div").html("密码必须为6-20为的数字或大小写字母");
$(this).val("");
}
}
});
});
});
发表评论
-
java读取text乱码
2011-06-16 09:01 1265Java读取TXT文本文件乱码 ... -
java swing 列别介绍
2011-06-15 12:43 711在IBM的论坛上看到一篇比较好的文章晒出来给大家看看 [url ... -
URL 中的#号的作用
2011-04-07 09:30 692本文转载于: http://news.cnblogs.com/ ... -
类的序列话 和反序列话
2011-03-30 11:40 715public static String SerializeT ... -
一种做输入的校验 同是可以验证不让粘贴复制
2011-03-29 17:28 801jQuery(function($){ $(" ... -
div中的字体溢出 保证制动换行 ie 火狐兼容
2011-03-25 12:04 970在定义div是加如下样式,可能还会有好多的情况 这个就要视情况 ... -
div 的自动扩充 火狐 ie的兼容
2011-03-22 16:35 723好久没有发表文章了 今天在修改页面的时候用到了 div 的自动 ... -
Hibernate中的lazy的使用说明
2010-12-21 22:50 731好久没有看有关hibernate ... -
DWR+JSON实现的万能的N级联动
2010-12-19 19:35 808在我们的项目中用到了一个查询分类的地方要用到N级联动具体是多少 ... -
js 实现的div点击上下 进行滚动翻页的function
2010-12-11 22:58 1161... -
各种浏览器之间的兼容性问题
2010-12-06 13:24 546http://blog.csdn.net/vince6799/ ... -
Struts文件上传
2010-11-29 00:46 800今天在项目中遇到了一个非常恶心的问题,用到了struts2的文 ... -
在tomcat中直接配置加载workSpace中的项目
2010-11-27 12:48 1068在service.xml 文件中添加 一下配置即可,免去了从新 ... -
在项目中发短信的小例子
2010-11-21 15:32 619... -
java中日志的处理
2010-11-13 09:49 688在web.xml文件中配置 log4j <!-- 上下 ... -
java创建解析xml
2010-11-10 07:29 871这几天老是有人问如何用java 生成xml文件,以前自己也看到 ... -
java
2010-11-09 09:26 706public class EncryptUtil { pri ... -
JDBC的数据类型
2010-10-14 15:10 650数值型整型 JDBCtinyint ja ... -
Hibernate 处理Oracle的大对象Clob
2010-10-12 08:20 879Hibernate+Oracle+CLOB的读写其实只要这样做 ... -
Java读取Properties文件
2010-10-11 17:28 624使用J2SEAPI读取Properties文件的六种方法 1 ...
相关推荐
Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1...
jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证
jquery表单验证插件
自做的一个简单的表单验证 jquery validate 表单验证 jquery validate 表单验证
JQuery实现表单验证,注册验证,提供了五种不同的提示方式,符合各种开发需求,修改方便。
基于jquery框架,采用jQuery formValidator表单验证插件。
jQuery-Validation-Engine-master 表单验证插件 简单好用,已经包含汉化
jquery validate表单验证插件制作注册表单提交验证 jquery validate表单验证插件制作注册表单提交验证
jquery jquery表单验证实用例子jquery jquery表单验证实用例子jquery jquery表单验证实用例子 验证插件示例
jquery表单验证实例网站会员注册表单验证提交form表单代码
jquery的表单验证jquery的表单验证jquery的表单验证jquery的表单验证jquery的表单验证
jquery 表单 验证jquery 表单 验证
网上找的,jQuery formValidator表单验证插件示例源码,对于验证数据的正确性很有版主
jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...
jquery表单验证代码百度注册页面表单验证
需要jQuery支持,使用时引入就好,教程的话可以看这个http://www.runoob.com/jquery/jquery-plugin-validate.html
一个关于用户注册的JQuery表单验证小项目。
几个Jquery表单验证特效示例感觉挺不错的,如有需要的可以下载。
自己写的一个练习,基于jquery的表单验证控件,主要功能都有,但不很完整. 用法是在需要验证的input标签里加 validate 属性,内容是JSON格式的 比较简单,大家有需要可以拿去免费送,欢迎评论. 这个链接有图片效果和主要...
jquery插件-表单验证 根据focus blur