☆WE8寇用开发精品裸程 前台数据格式验证 长沙民政职业枝木学院
前台数据格式验证 长沙民政职业技术学院 ☆WEB应用开发精品课程
案例导入 长沙民政职业技宋学院 ·项目 长沙民政职业技术学院单招报名系统 ·任务 1.实现用户格式验证：用户名长度必须是14 位，并以0943开头.请写出javascripti函数. 2.用户密码6~20位.请写出javascripti函数， ·枝术要点（关键字） Javascript)用户名验证；正则表达式， E纪拉用开发精品课程
案例导入 • 项目 长沙民政职业技术学院单招报名系统 • 任务 1.实现用户格式验证：用户名长度必须是14 位，并以0943开头.请写出javascript函数. 2.用户密码6~20位 . 请写出javascript函数. • 技术要点(关键字) Javascript用户名验证;正则表达式
案例要点么折 长沙民政职业技术学院 ·1.正则表达式 function isRegisterUserName(s) { var patrn=/[0-91{14)$/; ● if ((!patrn.exec(s))l (s.substr(0,4)!="0943")){ alert("普高考生号必须为14位数字，并且以0943开头")： ● return false ; elsef ● return true;} } B应用开发精品课程
案例要点分析 • 1.正则表达式 • function isRegisterUserName(s) • { • var patrn=/^[0-9]{14}$/; • if ((!patrn.exec(s)) || (s.substr(0,4)!="0943")){ • alert("普高考生号必须为14位数字,并且以0943开头"); • return false ;} • else{ • return true ;} • }
案例要点么桥 长沙民政职业技术学院 2.在事件中调用函数 onClick="return isRegisterUserName(form1.txtExamin ationCode.value)&& ispassword(form1.txtPassword.value, form1.txtFirmPassword.value); 3.表单值的访问 表单名.控件名.value 纪应用开发精品课程
案例要点分析 2.在事件中调用函数 onClick="return isRegisterUserName(form1.txtExamin ationCode.value) && ispassword(form1.txtPassword.value, form1.txtFirmPassword.value); " 3.表单值的访问 表单名.控件名.value
知识拓展 长沙民政职业技术学院 1.请同学们课后完成电子邮箱格式验证 2.在控件的失去焦点事件(onBlur)中进行 数据格式验证 B应用开发精品裸程
知识拓展 1.请同学们课后完成电子邮箱格式验证 2.在控件的失去焦点事件(onBlur)中进行 数据格式验证
目标 长沙民政职业技术学院 ·和识目标 ·理解JavaScript的基本原理。 ·掌握JavaScript的基本语法。 ·掌握JavaScript事件处理 ·掌握JavaScript中的 window,document,,location,history对象 ·枝能目标 ·掌握表单数据格式验证 B应用开发精品课程
目标 • 知识目标 • 理解JavaScript的基本原理。 • 掌握JavaScript的基本语法。 • 掌握JavaScript事件处理 • 掌握JavaScript中的 window,document,location,history 对象 • 技能目标 • 掌握表单数据格式验证
DavaSeript 长沙民政职业技木学院 ·JavaScript是一种脚本语言，可以嵌入到HTML中， 主要用于网页动态效果和HTML客户端表单验证 ·客户端的JavaScript必须要有浏览器的支持 纪应用开发精品课程
JavaScript • JavaScript 是一种脚本语言,可以嵌入到HTML中, 主要用于网页动态效果和HTML客户端表单验证 • 客户端的JavaScript 必须要有浏览器的支持
在网页中加入DauaSerist 长沙民政职业技术学院 ·通过在网页中加入:..:标记 document..write(“第一个JavaScript页面")； 引入外部的以js作为扩展名JavaScript文件 一个页面可以有几个:..:,不同部分 的方法和变量，可以共享。 EB应用开发精品裸程
• 通过在网页中加入…标记 • 引入外部的以.js作为扩展名JavaScript文件 • 一个页面可以有几个… ，不同部分 的方法和变量，可以共享。 document.write(“第一个 JavaScript 页面"); 在网页中加入JavaScript
9avaSoript基本语法 长沙民政职业技术学院 ·JavaScript是一门弱类型的语言，所有的变 量定义均以var来实现 ·JavaScriptl区分大小写 ·JavaScript中可以添加注释 -W单行注释 - 多行注释 */ B应用开发精品课程
JavaScript基本语法 • JavaScript是一门弱类型的语言，所有的变 量定义均以var来实现 • JavaScript区分大小写 • JavaScript中可以添加注释 – //单行注释 – /* 多行注释 */
gavaSoript基本语法一变量 长沙民政职业技术学院 ·变量定义： -用var来定义变量 -虽然JavaScript可以不需定义即可直接使用变 量，但不建议这么做(12.htm) 纪应用开发精品课程
JavaScript基本语法—变量 • 变量定义： – 用var来定义变量 – 虽然JavaScript可以不需定义即可直接使用变 量，但不建议这么做(12.htm)