《JavaScript交互式网页设计》复习考试

要求:使用jQuery或原生态js实现以下功能

一，登录功能
1）实现用户名的非空验证（当光标离开时有对应的提示）
2）实现密码的非空验证（当光标离开时有对应的提示）
3）实现重置功能
4）实现点击登录按钮，当用户名或密码错误时有对应的提示
5）实现点击登录按钮当用户名或密码正确时跳转到主页面

6）当用户名和密码为空时，点击登录提示

7）当密码错误时提示

登录成功后跳转到主页面

二，使用jQuery或原生态js完成图书管理系统的添加，删除，编辑功能

1）在文本输入框输入内容后点击“添加”按钮，效果图下图，同时文本框中的数据也清楚掉

2）点击删除按钮时，有删除提示如下图

3）当点击确定时删除此数据，当点击“取消”时有对应的提示

4）当点击编辑按钮时，对应的数据在文本框中显示，同时“添加”按钮变成“保存”按钮

5）当修改好书名和价格后，点击保存按钮，对应的表格中的数据会改变

登录页面

图书管理系统页面代码

<body><h1 style="text-align: center;">图书管理系统</h1><div style="margin: auto; width: 810px;"><table border="1" width="800px"><tr id="one"><th>编号</th><th>书名</th><th>价格</th><th>操作</th></tr></table></div><div style="margin: auto; width: 780px;margin-top: 100px">编号:<input type="text" id="bookid">书名:<input type="text" id="bookname">价格:<input type="text" id="bookprice"><button id="add_book">添加</button><button id="save_book" style="display: none;">保存</button></div>
</body>

《JavaScript交互式网页设计》复习考试相关推荐

JavaScript交互式网页设计简介
JavaScript交互式网页设计 JavaScript简介: JavaScript诞生于1995年,主要是进行用户输入的合法性验证. JavaScript的概念: JavaScript可以嵌入到HT ...
Javascript交互式网页设计试题（一）
精选JS 50道试题,答案在首尾,喜欢收藏吧! 1.在JQuery中,下列( )方法能够获取或设置元素的文本内容,不含HTML标签. A attr() B text() C value() D rep ...
JavaScript交互式网页设计 • 【第3章 JavaScript浏览器对象模型】
全部章节 >>>> 本章目录 3.1 浏览器对象模型 3.1.1 浏览器对象模型 3.2 window 对象 3.2.1 window 对象的常用属性及方法 3.2.2 使 ...
JavaScript交互式网页设计 • 【第5章 JavaScript对象】
全部章节 >>>> 本章目录 5.1 Object 对象和 Date 对象 5.1.1 JavaScript 的内部对象 5.1.2 Object对象 5.1.3 Date ...
JavaScript交互式网页设计 • 【第1章 JavaScript 基本语法】
全部章节 >>>> 本章目录 1.1 JavaScript 概述 1.1.1 JavaScript 简介 1.1.2 JavaScript 的概念和执行原理 1.1.3 J ...
JavaScript交互式网页设计笔记
一.JavaScript基本语法 1.简介 JavaScript诞生于1995年,主要是进行用户输入的合法性验证 Web脚本语言轻型的.解释性的浏览器内 2.执行原理当客户端向服务器请求某个 ...
JavaScript交互式网页设计——jQuery
<一>.jQuery概述 <1>.概述:由于不同浏览器对JavaScript解析方式有所区别,随着浏览器的不断更新,JavaScript出现了兼容性问题.为解决此问题,出现了许 ...
JavaScript交互式网页设计 • 【第6章初识jQuery】
全部章节 >>>> 本章目录 6.1 jQuery概述 6.1.1 初识 jQuery 6.1.2 jQuery 基本功能 6.1.3 搭建 jQuery 开发环境 6.1 ...
JavaScript交互式网页设计————1.JavaScript的基本语法
学习目标 1.JavaScript脚本的代码位置 2.JavaScript的核心语法 3.JavaScrip的流程控制语句----顺序结构和选择结构 4.JavaScrip的流程控制语句----循环结 ...

《JavaScript交互式网页设计》复习考试

要求:使用jQuery或原生态js实现以下功能

《JavaScript交互式网页设计》复习考试相关推荐

最新文章

热门文章