jsp页面注册验证问题
<script type="text/javascript">
$(function(){
// 错误消息提示
var msg = "${msg}";
if(msg != undefined && msg != null && msg != ''){
alert("${msg}");
}
// 切换到注册
$("#reg").click(function () {
$("#login").hide();
$("#regist").show();
});
// 切换到登录
$("#fanhui").click(function () {
$("#login").show();
$("#regist").hide();
});
// 注册表单校验
// var errors = "";
$("#regist").submit(function () {
errors = "";
var bool = true;//表示校验通过
if(!validateLoginname()) {
bool = false;
}
if(!validateLoginpass()) {
bool = false;
}
if(!validateReloginpass()) {
bool = false;
}
if(!bool){
alert(errors);
}/*else{
alert("注册成功!");
}*/
// $("#regist").submit(bool);
return bool;
});
//校验用户名
function validateLoginname() {
var name = $("#name").val();
if(name == "" || name == null){
errors += "用户名不能为空!\n";
return false;
}
return true;
}
//校验登录密码
function validateLoginpass() {
var pwd = $("#pwd").val();
if(pwd == "" || pwd == null){
errors += "密码不能为空!\n";
return false;
}
return true;
}
//校验确认密码
function validateReloginpass() {
var pwd = $("#pwd").val();
var pwd2 = $("#pwd2").val();
if(pwd != pwd2){
errors += "两次输入的密码不一致!\n";
return false;
}
return true;
}
});
</script>
<form action="goRegist" method="post" id="regist" style="display: none;">
<div class="input_outer">
<span class="u_user"></span>
<input name="name" id="name" class="text" style="color: #FFFFFF !important" value="${user.name}" type="text" placeholder="请输入账户" >
</div>
<div class="input_outer">
<span class="us_uer"></span>
<input name="pwd" id="pwd" class="text" style="color: #FFFFFF !important; position:absolute; z-index:100;" value="${user.pwd}" type="password" placeholder="请输入密码">
</div>
<div class="input_outer">
<span class="us_uer"></span>
<input id="pwd2" class="text" style="color: #FFFFFF !important; position:absolute; z-index:100;" value="${user.pwd}" type="password" placeholder="请确认密码">
</div>
<div class="mb2"><input type="submit" id="rgt" class="act-but submit" style="color: #FFFFFF;width: 330px;height: 46px;line-height: 15px;" value="注册"/></div>
<div style="text-align: center;cursor: pointer;"><span id="fanhui">已有账户?<span style="color: yellow;">登录</span></span></div>
</form>
jsp页面注册验证问题的更多相关文章
- JSP页面实现验证码校验
目录 验证码校验分析 生成验证码 测试验证码 校验验证码 测试验证码校验 添加验证码刷新 在网页页面的使用中为防止"非人类"的大量操作和防止一些的信息冗余,增加验证码校验是许多网站 ...
- jsp页面用DBHelper实现简单的登陆验证
首先我们需要写一个简单的登陆页面login.jsp,然后用from表单提交给index.jsp页面.在index.jsp页面通过DBHelper连接数据库判断账号和密码,如果密码正确则显示登陆成功. ...
- tornado web高级开发项目之抽屉官网的页面登陆验证、form验证、点赞、评论、文章分页处理、发送邮箱验证码、登陆验证码、注册、发布文章、上传图片
本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tornado的后端和ajax的 ...
- 本博文将一步步带领你实现抽屉官网的各种功能:包括登陆、注册、发送邮箱验证码、登陆验证码、页面登陆验证、发布文章、上传图片、form验证、点赞、评论、文章分页处理以及基于tronado的后端和ajax的前端数据处理。
本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tronado的后端和ajax的 ...
- jsp页面常用控件
1.点击按钮返回 上一页: <input type="submit" value="返回" onclick="javascript :histo ...
- Servlet页面注册用户的小程序(一)
本实例实现用userreg.jsp页面中的表单提交注册请求,把注册信息提交给regservlet写入数据库并且查询新用户显示出来. 一.准备工作. 1.jdbc数据驱动开发包mysql-connect ...
- 解决JSP页面中文乱码插入到数据库的问题
在JSP页面使用表单注册一个用户名的时候,查看到数据库里面的表中文显示乱码的情况有两种: 1.JSP页面传进来的参数中文就是乱码,则是前台的问题,这个时候写一个过滤器就好了,可以写如下的一个过滤器 p ...
- Equinox OSGi服务器应用程序的配置步骤 (支持JSP页面)
本文介绍在Eclipse里如何配置一个简单的基于Eclipse Equinox OSGi实现的Web应用程序,在它的基础上可以构造更加复杂的应用,本文使用的是Eclipse 3.3.1版本,如果你的E ...
- JSP页面和属性命名规范
1.页面命名: 登陆 Login注册 Register用户 User创建 Create修改 Update删除 Delete查询 Selete控制器 Controller用户名 Username密码 ...
随机推荐
- JavaScript中Number(),parseInt()和parseFloat()区别
parseInt() 函数可解析一个字符串,并返回一个整数; parseFloat() 函数可解析一个字符串,并返回一个浮点数, 以上都是截取转换,具体代码如下: alert(parseInt(&qu ...
- python列表转json树菜单
1.列表数据 data = [ { 'id': 1, 'parent_id': 2, 'name': "Node1" }, { 'id': 2, 'parent_id': 5, ' ...
- Tunnel connection failed: 407 Proxy Authentication Required
报错信息 : Retrying (Retry(total=4, connect=None, read=None, redirect=None, status=None)) after connecti ...
- 修改图片尺寸网站https://www.yasuotu.com/
修改图片尺寸网站https://www.yasuotu.com/
- 一波儿networkx 读写edgelist,给节点加attribute的操作
一波儿networkx 读写edgelist,给节点加attribute的操作 read more: nx official: Reading and writing graphs import nu ...
- 英语单词vendors
vendors 来源——https://www.docker.com/products/docker-hub Share and Collaborate with Docker Hub Docker ...
- 使用ant编译Android APK
ANT —— Apache Ant is a Java library and command-line tool that help building software. 1. 部署ANT的使用环境 ...
- 【转】django 正则URL 匹配
django 正则URL 匹配 转自:https://www.cnblogs.com/chenkeven/articles/9305260.html 一.引子 在day17 作业中,我们查看主机详细 ...
- 20180704-Java开发环境配置
介绍如何搭建Java开发环境推荐:在Cloud Studio中运行Java程序 Java是一种跨平台的编程语言,想要让你的计算机能够运行Java程序那么就需要安装JRE,而想要开发Java程序,那么就 ...
- html、css、js分工,内核,html头,html表单
html:内容css:样式js:交互 内核 浏览器控制台输入navigator.userAgent,回车显示出内核"Mozilla/5.0 (Windows NT 6.1; WOW64) A ...