87,921
社区成员
发帖
与我相关
我的任务
分享怎么实现给输入框设置字数限制,点击按钮判断输入格式正确后给一个数据接口
新手求教
用户名不能为空 密码框不为空且6~20个字符 这两个的格式输入都正确后 登陆按钮连接一个数据接口
怎么实现？
我现在代码是这样的
用户名不能为空 密码框不为空且6~20个字符 这两个的格式输入都正确后 登陆按钮连接一个数据接口
怎么实现？
我现在代码是这样的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<link type="text/css" rel="Stylesheet" href="css.css" />
</head>
<script language="javascript"> //判空
function isfull(){
if (document.dd.username.value==""){
alert("用户名不能为空");
document.dd.username.focus();
return false;
}
if (document.dd.password.value==""){
alert("密码不能为空");
document.dd.password.focus();
return false;
}
return true;}
</script>
<body style="text-align:center">
<form name="dd" method="post" action="" onSubmit="return isfull();">
<p><input id="pw0" name ="username" placeholder="用户名" type="text" /></p>
<p><input id="pw0" name="password" placeholder="密码" type="password" /></p>
<input type="submit" data-inline="true" id="bu" name="Submit" value="登陆" onclick= />
</body>
</html>
...全文
请发表友善的回复…
发表回复
嘻哈大咖秀 2014-03-18
- 打赏
- 举报
存入cookie 只是给你个意见你参考下
Shawzhang 2014-03-18
- 打赏
- 举报
顺带 怎么实现记住密码功能？
嘻哈大咖秀 2014-03-18
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<link type="text/css" rel="Stylesheet" href="css.css" />
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
</head>
<script language="javascript"> //判空
function isfull(){
if (document.dd.username.value==""){
alert("用户名不能为空");
document.dd.username.focus();
return false;
}
if (document.dd.password.value.length < 6 || document.dd.password.value.length > 20){
alert("密码格式有误");
document.dd.password.focus();
return false;
}
$.ajax({
type: "POST",
url: "数据接口地址",
async: false,//同步
data: "name="+document.dd.username.value+"&pwd="+document.dd.password.value,
success: function(msg){
//判断是否成功 成功return true;失败return false;
}
});
}
</script>
<body style="text-align:center">
<form name="dd" method="post" action="" onSubmit="return isfull();">
<p><input id="pw0" name ="username" placeholder="用户名" type="text" /></p>
<p><input id="pw0" name="password" placeholder="密码" type="password" /></p>
<input type="submit" data-inline="true" id="bu" name="Submit" value="登陆" onclick= />
</body>
</html>
