如何设置好看的form表单样式_表单验证!!!

1. 表单验证A

(1) 如何可以产生一个4位的随机数验证码

Math.floor(Math.random()*9000)+1000

(2) 在案例中是如何控制表单是否提交的

在方法中控制表单提交

获得form标签form.submit()提交表单

或者

在form表单属性中 οnsubmit=”return 方法(返回boolean类型表示是否提交)”

2. 表单验证B

(1) 代码中如何判断性别是否选择的

判断是否选中,获得input的对象 input.checked=true/false 判断和修改

(2) 代码中如何判断籍贯是否选择的

Onchange:值改变时调用函数

给option设置value值

通过判断value来判断籍贯是否选中

(3) 代码每一个方法执行完返回true/false

用于最后提交表单统一验证

3. 表单验证C

(1) 视频中判断协议是否选中方法,代码（186行）的含义是什么。

Sub.disabled=!Check.checked

如果复选框被选中

就将disabled修改非true=false

如果复选框未选中

就将disabled修改为非false=true

(2) 视频中最后书写的zong()这个方法中的&&可以换成& 吗？为什么？

可以

&&;是逻辑运算符

一个个执行,为false就不执行后面的代码

&:位运算符

一次性全部执行

7. 自定义对象 prototype

(1) 请简述 prototype 的具体的作用

连接两个函数,变相的继承

具

user.prototype=new user2();

var us=new user();

us.run();

体实现

(2) 视频中user.prototype=new user2();语句的作用是什么？

利用prototype连接两个函数(每个函数都有一个prototype方法)

8. jQuery概述

(1) 请说出jQuery的特点

(1).一款轻量级的js框架。

JQuery核心js文件才几十kb，不会影响页面加载速度。与Extjs相比要轻便的多。

(2).丰富的DOM选择器(CSS1-3 + XPath)

(3).链式表达式。

JQuery的链式操作可以把多个操作写在一行代码里，更加简洁。

(4).事件、样式、动画支持。

JQuery还简化了js操作css的代码，并且代码的可读性也比js要强。

(5).Ajax操作支持。

JQuery简化了AJAX操作，后台只需返回一个JSON格式的字符串就能完成与前台的通信。

(6).跨浏览器兼容。

JQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。

(7).插件扩展开发。

(8).可扩展性强。

(2) jQuery使用有几个版本，目前来说哪一个版本使用比较多

1. 1.x:兼容ie678,使用最为广泛,官方只做bug维护,功能不再新增.最终版本:2.2.4(2016年5月20日)

2. 2.X:不兼容ie678,很少有人使用,官方只做bug维护,功能不再新增,最终版本:2.2.4(2016年5月20日)

3. 3.x:不兼容ie678,只支持最新浏览器,除非特殊要求,一般不会使用3.x,老的jQuery不支持这个版本

(3) jQuery的概念是什么

jQuery是一个快速、小巧、功能丰富的JavaScript库。它使HTML文档遍历和操作、事件处理、动画和Ajax等操作变得更加简单，因为它提供了一个易于使用的API，可以跨多种浏览器工作。jQuery结合了通用性和可扩展性，改变了数百万人编写JavaScript的方式。

9. 认识jQuery的$

(1) 请说出$的作用和意义

作用1:$(function)

1. 相当于window.οnlοad=function(){}

2. 功能比window.onload更强大

A:window onload一个页面只能写一个,但是可以写多个$()而不冲突

B: window onload要等整个页面加载完后再执行(包括图片,超链接,音视频等)

但是$的执行时间要早

3. 完整形式是$(document).ready(....);

作用2:$(selector)

选择器

jQuery具有强大的选择器功能

(2) window.onload 的作用是什么？和Js中的onload事件有什么区别？

Window.onload:会在页面加载完毕后加载

Js中的onload:在页面加载时加载

(3) 视频代码中的这句话是什么意思？ $("tr:odd").css("background-color","red");

将tr中的双数的tr的背景颜色变为红色

10. jQuery的选择器A

(1) 请说出JS对象和JQ对象之间是如何相互转化的。

Js转jquery:$(js对象)

jQuery转js:jquery对象[索引值] 或 jquery对象get(索引值)

(2) 请列举本节课中常用基本选择器

1. 标签选择器$(“a”)

2. ID选择器 $(“#id”) $(“p#id”)

3. 类选择器 $(“.class”)$(“h2.class”)

4. 通配选择器 $(“*”)

(3) 请说明 html()和 val()方法之间的区别

Html():相当于innerHtml();会识别语句,有格式,并加载

Val():只会返回value值,不会返回文本

11. jQuery的选择器B

(1) 请问后代选择器和子父选择器的区别

子选择器:只包含直系子类

后代选择器:包含子子孙孙

(2) 请问 prev + next 选择器在使用的时候需要注意什么

必须要紧贴,中间不能右任何元素

(3) prev ~ next 这个选择器的作用

Prev中同级的所有next标签不包括自己

12. 选择器学习C

(1) 如何获得ul中所有下标(0开始)为奇数的li对 象

$(“ul li:odd”)

(2) 如何获得ul中所有下标(0开始)为偶数的li对象。

$(“ul li:even”)

(3) $("ul li:lt(4)").css("color","green");这个选择器的含义是什么？

获得所以下标小于4的所有li对象,改变其样式