您的位置:首页 > 运维架构

17.12.17,web学习第二十八天,还有一年,努力吧青年shop

2017-12-18 18:21 429 查看
1. 用户模块

用户注册功能:

发送邮件:

激活用户:

表单的校验:

自动登录

注销登录

回忆Mysql的多表设计

数据库很少传中文:male famale。这里表单校验不成功显示错误信息:<label class="error" generated="true" for="sex" style="display: none">您没有第三种选择</label>将这个提示lable写在后面,将覆盖原先的错误提示。

将所有的错误提示改成红色:(找到上次错误提示字体红色案例代码和本次进行比较。)

.error{

color:red

}

 

验证码校验功能回忆。

前台校验和后台校验。Validate是jq的插件

Validate原理:当校验信息出错时,它会先去页面中找看是否有 提供错误信息显示的元素,如果有就不去使用内置的错误信息显 示。

发送邮件配置:

Properties props = new Properties();

props.setProperty("mail.transport.protocol", "SMTP");

props.setProperty("mail.host", "smtp.163.com");

props.setProperty("mail.smtp.auth", "true");// 指定验证为true

return new PasswordAuthentication("登录名", "校验码");

 

message.setFrom(new InternetAddress("zxxx@163.com")); // 设置发送者

 

注册页面自定义检验:

$.validator.addMethod("isExist",function(value,element,params){

var isExists=false;

$.ajax({

"url":"checkUsr",

"async":false,

"dataType":"json",

"type":"POST",

"data":{"checkUsr":value},

"success":function(data){

var d=data.isExist

isExists=d;

}

})

return !isExists;

});

 

$(".form-horizontal").validate({

rules:{

username:{

isExist:true

},

       Message:{

       Username:{

        isExist:"用户已存在"

 

   } ,

errorElement: "label", //用来创建错误提示信息标签

success: function(label) { //验证成功后的执行的回调函数

//label指向上面那个错误提示信息标签label

label.text(" ") //清空错误提示消息

.addClass("success"); //加上自定义的success类

}

}

 

 

Submit使用规则:

2. Jq的css方法设置背景颜色,字体颜色

$(“...”).css(“background”,”red”);

$(“...”).css(“color”,”red”);

$(“..”).css(“display”,”none”);

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐