<script>
// 刷新验证码
$("#valid_img").click(function () {
$(this)[0].src+="?"
});
// 头像预览
$("#avatar_file").change(function () {
// 获取上传文件对象
var file=$(this)[0].files[0];
// 读取文件URL
var reader=new FileReader();
reader.readAsDataURL(file);
// 阅读文件完成后触发的事件
reader.onload=function () {
$("#avatar_img").attr("src",this.result) // 读取的URL结果:this.result
}
});
// 提交注册数据
$(".regBtn").click(function () {
var $formData=new FormData();
$formData.append("user",$("#id_user").val());
$formData.append("pwd",$("#id_pwd").val());
$formData.append("repeat_pwd",$("#id_repeat_pwd").val());
$formData.append("email",$("#id_email").val());
$formData.append("valid_code",$("#id_valid_code").val());
var file=$("#avatar_file")[0].files[0];
$formData.append("file_img",file);
$formData.append("csrfmiddlewaretoken",$("[name='csrfmiddlewaretoken']").val());
$.ajax({
url:"/register/",
type:"POST",
data:$formData,
processData:false,
contentType:false,
success:function (data) {
//console.log(data);
if (data.user){
location.href="/login/"
}
else {
$("span").html("");
$(".form-group").removeClass("has-error");
console.log(data.errors); // {"user":["",""],"pwd":["",""]}
$.each(data.errors,function (i,j) { // i : 错误字段名称 j: 该字段所有错误列表
$("#id_"+i).next().addClass("pull-right").css("color","red").html(j[0]).parent().addClass("has-error")
})
}
}
})
})
ajax提交注册数据
最新推荐文章于 2021-11-08 17:36:36 发布