发表于： 2017-05-27 23:27:27
1 922
今天完成的事情：
1.使用jq完成ajax的编写，并post成功：
$(document).ready(function() {
//对输入框的值进行验证
var userPattern = /^[A-Za-z0-9]+$/;
var pwdPattern = /^\d{6,}$/;
$("form :input").blur(function() {
$(".tips").text("");
if($(this).is("#username")) {
if(this.value === "" || (this.value !== "" && !userPattern.test(this.value))) {
$("#tips").text("用户名只能输入数字和字母");
}
}
if($(this).is("#psw")) {
if(this.value === "" || (this.value !== "" && !pwdPattern.test(this.value))) {
$("#tips").text("密码只能输入至少6位的数字");
}
}
});
//登录按钮添加点击事件
$("#btn").click(function() {
var a = $("#username").val();
var b = $("#psw").val();
console.log(a, b);
$.ajax( {
type: "POST",
url: "/carrots-admin-ajax/a/login",
data: {name: a, pwd: b},
dataType: "json",
success: function(data) {
console.log(data);
if(data.code === -5003) {
$("#tips").text(data.message);
}
else if(data.code === -5004) {
$("#tips").text(data.message);
}
else if(data.code === 0) {
window.location.href = "http://dev.admin.carrots.ptteng.com/#/dashboard";
}
}
});
});
});
2.研究了一下怎么让登录按钮能回车登录
方法一：
<script language="JavaScript">
function keyLogin(){
if (event.keyCode==13) //回车键的键值为13
document.getElementByIdx_x("input1").click(); //调用登录按钮的登录事件
}
</script>
</head>
<body onkeydown="keyLogin();">
<input id="input1" value="登录" type="button" onClick="alert('调用成功！')">
方法二：
<script>
function KeyDown()
{
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancel = true;
Form1.btnsubmit.click();
}
}
</script>
<form name="Form1" method="">
用户名:<INPUT TYPE=text SIZE=20 maxlength = 8 onkeydown=KeyDown()>
密码:<INPUT TYPE=password SIZE=20 maxlength = 8 onkeydown=KeyDown()>
<input type="submit" name="btnsubmit" value="提交" />
</form>
但是自己写了下没有成功，不知道原因出在哪里
3.下午折腾服务器的nginx配置，百度了也没有解决，后来找施星师兄解决也没有弄好。
明天计划的事情：
开始学习angular,开始任务6
遇到的问题：
服务器nginx配置
收获：
jq的ajax用法以及表单验证
返回列表
评论