登录 注册 用户体验
2010-11-07 23:58
316 查看
jquery 代码
$(".inputs").focus(function(){ $(this).addClass("on_input"); }); $(".uemail").focus(function(){ $('.do_tip').empty(); $('.do_tip').removeClass("do_tip error_tip"); if($(this).val() =="") { //$(this).parent().parent().next().find("span").show(); $(this).parent().next().find("span").removeClass(); $(this).parent().next().find("span").addClass('help_tip'); if($(this).attr('id')=="login_user") { $(this).parent().next().find("span").html(""); } else { $(this).parent().next().find("span").html("请使用有效邮箱"); } return (false); } }); $(".uemail").blur(function(){ CheckEmail($(this)); }); $("#nick").focus(function(){ $(this).select(); if($(this).val() =="") { $(this).parent().next().find("span").removeClass('do_tip error_tip ok_tip help_tip'); $(this).parent().next().find("span").addClass('help_tip'); $(this).parent().next().find("span").html("字母,数字下划线或汉字"); return (false); } }); $("#nick").blur(function(){ CheckNick($(this)); }); $("#password,#confirm_password,#login_psword").focus(function(){ if($(this).val() =="") { $(this).parent().next().find("span").removeClass('do_tip error_tip ok_tip help_tip'); $(this).parent().next().find("span").addClass('help_tip'); if($(this).attr('id')=="login_psword") { $(this).parent().next().find("span").html(""); } else { $(this).parent().next().find("span").html("不能少于6位字符"); } return (false); } }); $("#password,#login_psword").focus(function(){ $(this).select(); }); $("#password,#login_psword,#nick").select(function(){ $('.maillist').hide(); }); $("#password,#confirm_password,#login_psword").blur(function(){ CheckPassword($(this)); }); $("#confirm_password").focus(function(){ if($(this).val() =="") { $(this).parent().next().find("span").removeClass('do_tip error_tip ok_tip help_tip'); $(this).parent().next().find("span").addClass('help_tip'); $(this).parent().next().find("span").html("请再次输入密码"); return (false); } }); $("#confirm_password").blur(function(){ ComparePassword($(this).parent().parent().prev().find("input"),$(this)); }); $("#captcha").focus(function(){ if($(this).val() =="") { $(this).parent().next().find("span").removeClass('do_tip error_tip ok_tip help_tip'); $(this).parent().next().find("span").addClass('help_tip'); $(this).parent().next().find("span").html(""); return (false); } }); $("#captcha").blur(function(){ CheckYzm($(this)); }); $(".inputs").blur(function(){ $(this).removeClass("on_input"); }); function CheckEmail(Email) { //Email.parent().parent().next().find(".do_tip").remove(); Email.parent().next().find("span").removeClass('error_tip ok_tip help_tip').addClass('do_tip'); if(Email.val() =="") { //Email.parent().parent().next().find(".do_tip").show(); Email.parent().next().find(".do_tip").addClass('
相关文章推荐
- 登录 注册 用户体验
- CSS制作用户登录和用户注册的用户体验表单
- App登录注册功能,怎样做到用户体验最佳?
- 如何设计出用户体验良好的登录/注册页面
- 如何设计出用户体验良好的登录/注册页面
- GUI_用户登录注册加入四则运算案例
- node.js---study2 连接池连接数据库实现登录注册查询用户的功能---
- Yii2系列教程四:实现用户注册,验证,登录
- 用户注册,登录
- 用户注册和登录案例(服务器端:数据控制,业务层,dao层)
- 深入分析JavaWeb Item19 -- 基于Servlet+JSP+JavaBean开发模式的用户登录注册
- 使用PHP实现用户登录和注册的功能(未封装)
- ocourse.net用户注册和登录功能
- ASP.NET Core 一步步搭建个人网站(2)_一键部署和用户注册登录
- 1 完成登录页面(到记事本文件进行密码和用户名的验证)。 2 完成 用户注册页面(将注册信息显示在本页面 div 中)。
- PHP-用户登录注册接口
- 使用Jquery搭建最佳用户体验的登录页面 之 记住密码自动登录功能,(含后台代码)
- JSP之保存Cookie实现用户注册并自动登录
- 黑马程序员--用户注册登录管理系统…