JavaScript表单处理基础
2015-04-23 10:00
183 查看
JavaScript组成:ECMAScript,描述了该语言的语法和基本对象。文档对象模型(DOM),描述处理网页内容的方法和接口。浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。
JavaScript基本特点:一种解释性脚本语言;主要用来想HTML页面添加交互行为;可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离;跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行;
日常用途:嵌入动态文本与HTML页面,对浏览器事件做出响应;读写HTML元素;在数据被提交到服务器之前验证数据;检测方可的浏览器信息。控制cookies,包括创建和修改等;基于Node.js技术进行服务器端编程。
下面是对表单处理部分的基础进行的总结。
通过基本的提交,验证实例,展示
JavaScript基本特点:一种解释性脚本语言;主要用来想HTML页面添加交互行为;可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离;跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行;
日常用途:嵌入动态文本与HTML页面,对浏览器事件做出响应;读写HTML元素;在数据被提交到服务器之前验证数据;检测方可的浏览器信息。控制cookies,包括创建和修改等;基于Node.js技术进行服务器端编程。
下面是对表单处理部分的基础进行的总结。
通过基本的提交,验证实例,展示
<!DOCTYPE html> <html> <head> <script> function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("姓必须填写"); return false; } } </script> </head> <body> <form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post"> 姓: <input type="text" name="fname"> <input type="submit" value="提交"> </form> </body> </html>前台页面的***需要多动手练习,掌握基础,动手实践。
相关文章推荐
- javascript基础:表单处理3
- javascript基础:表单处理2
- javascript基础:表单处理1
- javascript 基础 图片库和表单处理
- JavaScript 程序设计基础(02) -- 表单,常用的表单类型介绍,外部样式表
- JavaScript笔记之表单处理
- 一步步学习微软InfoPath2010和SP2010--第三章节--表单设计基础:处理InfoPath布局、控件和视图(7)--添加含规则的提交按钮到Flight Delay表单
- [.ashx檔?泛型处理例程?]基础入门#2....FileUpload上传前,预览图片(两种作法--ashx与JavaScript)
- 【javascript基础】分享5个最佳的JavaScript日期处理类库
- javascript的事件处理(一)——基础原理
- javascript 解决表单仍然提交即使监听处理函数返回false
- JavaScript基础——表单脚本
- 一步步学习微软InfoPath2010和SP2010--第三章节--表单设计基础:处理InfoPath布局、控件和视图(2)--添加一个布局和表格
- JavaScript表单特殊输入处理收集
- ASP之处理用Javascript动态添加的表单元素数据的代码
- 一步步学习微软InfoPath2010和SP2010--第三章节--表单设计基础:处理InfoPath布局、控件和视图(8)--视图
- 基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
- javascript---在表单提交之前处理事件
- javascript的事件处理(一)——基础原理
- JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur