课堂练习 Spring mvc07

最新推荐文章于 2024-11-02 22:54:18 发布

triet

最新推荐文章于 2024-11-02 22:54:18 发布

阅读量81

点赞数

文章标签： spring

本文链接：https://blog.csdn.net/triet/article/details/115613828

版权

课堂练习：添加CSS样式表和JavaScript脚本文件
一、在WEB-INF里创建css目录，在里面创建样式文件index.css，负责首页的样式（元素全部居中，设置页面背景颜色，去掉超链接的下划线……）
在这里插入图片描述
编写CSS代码如下：

a{
    text-decoration: none;
    color: paleturquoise;
}
a:hover{
    color: pink;
}
body{
    background-color: #00ffcc;
    color: palegreen;
    font-size:9pt;
    text-align:center
}

img{
    vertical-align:middle;
}

运行效果图
在这里插入图片描述

二、在WEB-INF里创建js目录，在里面创建脚本文件check.js，负责登录页面的非空校验（先进行用户名非空校验，后进行密码非空校验）
在这里插入图片描述

编写check界面代码：
function getValue(){
var str = document.getElementById(‘username’).value;
if (str.replace(/(^s*)|(S*$)/g,"").length==0){
alert(‘用户不能为空！’);
return false;
}
}

运行效果图：
在这里插入图片描述