- 时间:2022-09-09 08:31 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:jQuery 验证插件 Web前端设计模式(asp.net)
设计目标:建立一个基于jQuery框架的通用Web验证插件...
设计要求:1.需要漂亮的css样式及小图标的润饰...
2.基于jQuery框架...
3.调用.net Web 服务来实现与数据库的异步交互...
解决方案:1、首先,我们来设计三个类,分别用来显示Web给用户的视觉感知。它们分别是
.msg_warning{font-family:Arial,Helvetica,sans-serif,simsun; background:#e7f7ff url(register/MsgWarning.gif) no-repeat;border:solid 1px #6cf;color:#333;padding:0 0 0 36px !important;width:220px; margin-left:20px;}
.msg_error{font-family:Arial,Helvetica,sans-serif,simsun;background:#fff3ef url(register/MsgError.jpg) no-repeat;border:solid 1px #ff6610;color:#333;padding:0 0 0 36px !important;width:220px; margin-left:20px;}
.msg_ok{font-family:Arial,Helvetica,sans-serif,simsun;background:#e7ffe7 url(register/MsgOk.gif) no-repeat;border:solid 1px #95e895;color:#333;padding:0 0 0 36px !important;width:220px; margin-left:20px;}
分别是验证错误,验证警告和验证正确时候的不同样式...
2. 在相应的位置放置图片,如样式中的所示,包含MsgWarning.gif,MsgError.jpg,MsgOk.gif三张小图片分别对应.msg_warning;.msg_error;.msg_ok;
3.开始编写脚本
(1)、//去掉空值
[url=http://xiazai.1sucai.cn/201010/yuanma/jqueryRegister.rar]http://xiazai.1sucai.cn/201010/yuanma/jqueryRegister.rar[/url]