文档章节

【Bootstrap+JSP+Mysql学习笔记(五)】JSP表单验证

Vinicle
 Vinicle
发布于 2016/10/07 23:37
字数 121
阅读 19
收藏 0

1、在js目录下新建login.js

2、在index.jsp中引入login.js

<script type="text/javascript" src="js/login.js"></script>

3、编写login.js

$(function(){
    $("#myId").on("blur",function(){
        validateMyId();
    });
    $("#myPsd").on("blur",function(){
        validateMyPsd();
    });
    $("#loginForm").on("submit", function () {
        return validateMyId() && validateMyPsd();
    })
});
function validateMyId(){
    return validateEmpty("myId");
}
function validateMyPsd(){
    return validateEmpty("myPsd");
}
function validateEmpty(ele){
    if($("#"+ele).val()=="") {
        $("#"+ele+"Div").attr("class","form-group has-error");
        $("#"+ele+"Span").html("<span class='text-danger'>该字段不允许为空!</span>");
        return false;
    } else{
        $("#"+ele+"Div").attr("class","form-group has-success");
        $("#"+ele+"Span").html("<span class='text-success'>该字段合法!</span>");
        return true;
    }
}

以上

© 著作权归作者所有

共有 人打赏支持
Vinicle
粉丝 1
博文 16
码字总数 4072
作品 0
广州
程序员
JavaWeb12-HTML篇笔记(二)

Ø 为什么学习JSTL: JSTL和EL结合 替换页面中<%%> Ø JSTL版本: JSTL1.0 :不支持EL表达式. JSTL1.1 和 1.2 :支持EL表达式. Ø JSTL的标签库:包含了五类标签. core(核心标签),fmt(国际化标签)...

我是小谷粒
05/28
0
0
JavaWeb09-HTML篇笔记(二)

1.1 案例一:使用Servlet完成一个用户登录的案例.1.1.1 需求: 在网站的首页上,登录的链接,点击登录的链接,可以跳转到登录的页面.在登录的页面中输入用户名和密码点击登录的案例.完成登录的功...

我是小谷粒
05/21
0
0
spring mvc 整合 jpa 搭建基于领域驱动模型框架搭建

一、maven pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 h......

漂泊者及其影子
2014/06/16
0
0
day37_Spring学习笔记_05_CRM_01

一、CRM 客户关系管理系统 CRM : custom releation manager 客户关系管理系统,用于维护客户和公司之间关系。 我们要做的是:学校 和 大家 之间关系。 完成功能: 员工管理: 1、登录(登录拦...

黑泽明军
08/15
0
0
Spring 系列,第 3 部分: 进入 Spring MVC

在 Spring 系列 的第 3 部分中,我介绍 Spring MVC 框架。就像在以前的文章中一样,我用银行示例介绍如何建模和构建简单的应用程序。示例应用程序包含了已经学过的一些技术(例如依赖注入),...

qq58edf1d989a2d
06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

c语言之内存分配笔记

先看一个数组: short array[5] = {1,2} // 这儿定义的一个int类型的数组,数组第1和第2个元素值是1和2.其余后面默认会给值为0; 或者 short array[] = {1,2};//这儿数组第1和第2个元素,数组...

DannyCoder
34分钟前
0
0
Shell | linux安装包不用选择Y/N的方法

apt-get install -y packageOR echo "y" | sudo apt-get install package

云迹
今天
1
0
Hadoop的大数据生态圈

基于Hadoop的大数据的产品圈 大数据产品的一句话概括 Apache Hadoop: 是Apache开源组织的一个分布式计算开源框架,提供了一个分布式文件系统子项目(HDFS)和支持MapReduce分布式计算的软件架...

zimingforever
今天
4
0
八大包装类型的equals方法

先看其中一个源码 结论:八大包装类型的equals方法都是先判断类型是否相同,不相同则是false,相同则判断值是否相等 注意:包装类型不能直接用==来等值比较,否则编译报错,但是数值的基本类型...

xuklc
今天
2
0
NoSQL , Memcached介绍

什么是NoSQL 非关系型数据库就是NoSQL,关系型数据库代表MySQL 对于关系型数据库来说,是需要把数据存储到库、表、行、字段里,查询的时候根据条件一行一行地去匹配,当量非常大的时候就很耗...

TaoXu
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部