JavaScript跟我学起来

2017-03-22

1、表单验证


   JavaScript可用来在数据被送往服务器前,对HTML表单中的输入数据进行验证。表单验证可以有多种技术表现,JavaScript是使用最为广泛的表单验证技术之一。


blob.png


   JavaScript是一种客户端验证技术,客户端验证避免了大量的验证工作交由服务器完成,对服务器的负担,减轻服务器的压力。



 1.1表单验证

   1.1.1表单验证初步


     需要使用JavaScript进行表单验证的表单项有如下几类情况:

    (1)必填项目是否输入

    (2)输入邮箱是否合法

    (3)输入日期是否合法

    (4)两次密码输入是否一致

    (5)是否按要求输入了正确的数据类型

    (6)输入的数据是否在合法的范围内


     对于form表单而言,有一个onsubmit事件,该事件会在表单的submit按钮被单击时触发。根据该事件处理函数的返回值是true还是false决定是否提交表单。


蓝桥软件学院.png


   1.1.2文本框对象验证


(1)Text对象

     事件:

     onblur:从文本框上移开焦点时触发

     onfocus:从文本框获得焦点时触发

     onkeypress:某个键盘按键被按下并松开时触发


(2)移开焦点验证


(3)页面文本错误提示

     可以在需要进行验证的表单项右侧增加一个div层,通过给该div层动态改变内容,实现动态显示验证错误信息的功能。



 1.2下拉列表对象


   1.2.1Select、Option对象

   创建下拉列表选项,并将选项添加到下拉列表中

   var opt = new Option(“中国”,”086”);

   SelectObj.add(opt,null);

   1.2.2级联下拉列表

   运用onchange事件


 1.3正则表达式 



2、复制网页


   这周为了联系HTML的知识,copy了网页。我们组copy的网页是中北大学的官网,每个人分工合作,负责不同的部分。我分到的时中北大学官网首页的底部和学员设置。通过这次联系,我深刻了解到了div分块的作用和盒子模型的重要。更重要的是,知道了其他各个组的学习方法,从其他人身上也学到了很多东西。其实最重要的是学习态度,面对学习一定要认真,严谨,态度一定要端正。


上一篇:类——总有你想要的对象

下一篇:数据库7点知识,你知道几个