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

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("[e-mail]")); // 设置发送者

 

注册页面自定义检验：

$.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”);