注册页面校验
来源:互联网 发布:淘宝买东西店铺下架了 编辑:程序博客网 时间:2024/05/17 09:02
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
function checkForm(){
//获取用户名和密码的标签对象
//获取用户名对象
var userObj = document.getElementById("username");
//获取密码对象
var pwdObj = document.getElementById("password");
//获取确密码对象
var queren = document.getElementById("repassword");
//获取用户名和密码
var usernameVal = userObj.value;
var pwdVal = pwdObj.value;
var queren1 = queren.value;
//判断用户名
if(usernameVal==""){
alert("用户名不能为空")
return false;
}
//判断密码
if(pwdVal==""){
alert("密码不能为空")
return false;
}
//判断密码
if((queren1=="")||(queren1!=pwdVal)){
alert("确认密码输入有误")
return false;
}
return true;
}
</script>
<body>
<form action="#" method="get" onsubmit="return checkForm()">
<table width="60%" height="60%" align="center" bgcolor="#ffffff">
<tr>
<td colspan="3">会员注册USER REGISTER</td>
</tr>
<tr>
<td width="20%">用户名:</td>
<td width="40%"><input type="text" name="username" id="username"/></td>
<td width="40%"><span id="username_msg"></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="password" id="password"/></td>
<td><span id="password_msg"></span></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" name="repassword" id="repassword"/></td>
<td><span id="repassword_msg"></span></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" name="email" id="email"></td>
<td><span id="email_msg"></span></td>
</tr>
<tr>
<td>姓名:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" value="男"> 男
<input type="radio" name="sex" value="女" />女
</td>
</tr>
<tr>
<td>出生日期</td>
<td>
<input type="text" name="birthday">
</td>
</tr>
<tr>
<td>验证码</td>
<td>
<input type="text" name="checkcode">
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="注册" />
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
function checkForm(){
//获取用户名和密码的标签对象
//获取用户名对象
var userObj = document.getElementById("username");
//获取密码对象
var pwdObj = document.getElementById("password");
//获取确密码对象
var queren = document.getElementById("repassword");
//获取用户名和密码
var usernameVal = userObj.value;
var pwdVal = pwdObj.value;
var queren1 = queren.value;
//判断用户名
if(usernameVal==""){
alert("用户名不能为空")
return false;
}
//判断密码
if(pwdVal==""){
alert("密码不能为空")
return false;
}
//判断密码
if((queren1=="")||(queren1!=pwdVal)){
alert("确认密码输入有误")
return false;
}
return true;
}
</script>
<body>
<form action="#" method="get" onsubmit="return checkForm()">
<table width="60%" height="60%" align="center" bgcolor="#ffffff">
<tr>
<td colspan="3">会员注册USER REGISTER</td>
</tr>
<tr>
<td width="20%">用户名:</td>
<td width="40%"><input type="text" name="username" id="username"/></td>
<td width="40%"><span id="username_msg"></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="password" id="password"/></td>
<td><span id="password_msg"></span></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" name="repassword" id="repassword"/></td>
<td><span id="repassword_msg"></span></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" name="email" id="email"></td>
<td><span id="email_msg"></span></td>
</tr>
<tr>
<td>姓名:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" value="男"> 男
<input type="radio" name="sex" value="女" />女
</td>
</tr>
<tr>
<td>出生日期</td>
<td>
<input type="text" name="birthday">
</td>
</tr>
<tr>
<td>验证码</td>
<td>
<input type="text" name="checkcode">
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="注册" />
</td>
</tr>
</table>
</form>
</body>
</html>
阅读全文
0 0
- 注册页面校验
- 注册页面的本地校验
- 注册页面转向及前台数据校验
- 注册页面的服务器校验和登录
- 注册校验
- 注册校验
- 2.用户模块:注册页面JS前台校验.
- JavaScript、CSS、HTML 实现用户注册页面与信息校验
- Android小程序-Walker注册页面校验(三)
- 正则表达式及js校验表单代码(注册页面)
- 用JS完成注册页面的一个简单校验
- javascript——js前台用户注册页面校验
- 注册页面数据校验(JS基本语法)
- Android——XUtils3实现登录和注册页面校验
- ajax发送中执行ajax,并实现跳转其他页面 ,注册页面最后一个校验邮箱
- 注册校验小例子
- Struts2注册校验
- iphone 注册校验(正则)
- 是的
- ByteArrayOutputStream用法
- u3d 递归输出子孙物体相对总父物体的路径
- R语言数据处理之缺失数据问题(一)
- Java基础教程13-do-while循环
- 注册页面校验
- leetcode476. Number Complement
- PyCharm设置git并将代码提交到github
- struct的赋值技巧
- Codeforces Round #418 (Div. 2) (2/5)
- 91. Decode Ways Medium
- 为什么 C++ 中成员函数指针是 16 字节?
- 第四次接触Android
- 【转载】Shader中为何法线转换要用视图矩阵的转逆矩阵