<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页面注册验证问题的更多相关文章

  1. JSP页面实现验证码校验

    目录 验证码校验分析 生成验证码 测试验证码 校验验证码 测试验证码校验 添加验证码刷新 在网页页面的使用中为防止"非人类"的大量操作和防止一些的信息冗余,增加验证码校验是许多网站 ...

  2. jsp页面用DBHelper实现简单的登陆验证

    首先我们需要写一个简单的登陆页面login.jsp,然后用from表单提交给index.jsp页面.在index.jsp页面通过DBHelper连接数据库判断账号和密码,如果密码正确则显示登陆成功. ...

  3. tornado web高级开发项目之抽屉官网的页面登陆验证、form验证、点赞、评论、文章分页处理、发送邮箱验证码、登陆验证码、注册、发布文章、上传图片

    本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tornado的后端和ajax的 ...

  4. 本博文将一步步带领你实现抽屉官网的各种功能:包括登陆、注册、发送邮箱验证码、登陆验证码、页面登陆验证、发布文章、上传图片、form验证、点赞、评论、文章分页处理以及基于tronado的后端和ajax的前端数据处理。

    本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tronado的后端和ajax的 ...

  5. jsp页面常用控件

    1.点击按钮返回 上一页: <input type="submit" value="返回" onclick="javascript :histo ...

  6. Servlet页面注册用户的小程序(一)

    本实例实现用userreg.jsp页面中的表单提交注册请求,把注册信息提交给regservlet写入数据库并且查询新用户显示出来. 一.准备工作. 1.jdbc数据驱动开发包mysql-connect ...

  7. 解决JSP页面中文乱码插入到数据库的问题

    在JSP页面使用表单注册一个用户名的时候,查看到数据库里面的表中文显示乱码的情况有两种: 1.JSP页面传进来的参数中文就是乱码,则是前台的问题,这个时候写一个过滤器就好了,可以写如下的一个过滤器 p ...

  8. Equinox OSGi服务器应用程序的配置步骤 (支持JSP页面)

    本文介绍在Eclipse里如何配置一个简单的基于Eclipse Equinox OSGi实现的Web应用程序,在它的基础上可以构造更加复杂的应用,本文使用的是Eclipse 3.3.1版本,如果你的E ...

  9. JSP页面和属性命名规范

     1.页面命名: 登陆 Login注册 Register用户 User创建 Create修改 Update删除 Delete查询 Selete控制器 Controller用户名 Username密码 ...

随机推荐

  1. HTML创建链接框

    使用CSS样式创建一个漂亮的链接框吧 <!DOCTYPE html> <html> <head> <style> a:link,a:visited { ...

  2. 二分查找法(java版)

    二分查找法也称为折半查找法,在有序的序列中使用二分法可以提高程序的执行效率. 典型的二分查找法代码 public int binarySearch1(int[] arr,int target){ in ...

  3. CSS固定定位实现右下角可关闭广告

    代码: <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF- ...

  4. 模块(os模块)

    一.模块 一个python文件就是一个模块. 模块可分为: 1.标准模块:python自带的模块是标准模块,可以直接import进行使用的. eg:import json.import random. ...

  5. poj 2187 Beauty Contest(平面最远点)

    Beauty Contest Time Limit: 3000MS   Memory Limit: 65536K Total Submissions: 24431   Accepted: 7459 D ...

  6. 怎样group by一列 select多列

    之前sql用的少 竟然不知道这个小技巧 1 将要查询的列 添加到group by后面(会影响查询结果) 2 使用聚合函数如 max select a.accounttitlecode, max(b.c ...

  7. Oracle 11g 详细安装步骤

    一.Oracle 下载 注意Oracle分成两个文件,下载完后,将两个文件解压到同一目录下即可. 路径名称中,最好不要出现中文,也不要出现空格等不规则字符. 官方下地址: http://www.ora ...

  8. 对vue的api的研究

    Vue.config 是一个对象,包含 Vue 的全局配置.可以在启动应用之前修改下列属性: silent 类型:boolean 默认值:false 用法: Vue.config.silent = t ...

  9. hbuilder+vue单页应用打包成APP后退按钮返回上一页的问题

    APP打包工具:hbuilder 需要js包:mui.js ,引入方法https://www.cnblogs.com/v616/p/11290281.html 实现原理:在vue根组件App.vue监 ...

  10. java 中的运算符

    Java的运算符,分为四类: 算数运算符.关系运算符.逻辑运算符.位运算符. 算数运算符():+ - * / % ++ -- 关系运算符():== != > >= < <= 逻 ...