javascript表单验证和Window详解


Posted in Javascript onDecember 11, 2014

一、表单验证form

1、创建一个新的表单:

<form id="id是唯一的,不可重复" name=“可重复”,method="post/get",action="目标或地址,负责处理的服务端,将文本等传输到什么地方">

//方法1:post提交后无长度限制,且编码后内容不可见。

//方法2:get提交有长度限制,并且编码后的内容在地址栏可见

(input 元素)

</form>

2、表单的作用:能够把网址、数据一块传输到数据库。

3、动作属性:action和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

二、JavaScripeWindow--浏览器对象模型

1、window对象

所有浏览器都支持Window对象,它表示浏览器窗口。全局变量是window对象的属性,全局函数是window对象的方法。

2、JsPopupAlert消息框

<input name="" type="submit"  onclick="return tijiao()" value="提交"/><!--调用方法时加return-->

<!--Js消息框-->

1)确认框confirm的使用

<!--1.确认框confirm的用法-->

<script>

function tijiao()

{

var zhi=confirm("是否提交");

if (zhi)

{

return true;

}

else

{

return false;

}

}

</script>

<!--表单在调用函数时,加return,否则不起作用

2)提示框prompt的使用

<input name="" type="submit"  onclick="return tijiao()" value="提交"/><!--调用方法时加return-->

!--2.提示框prompt的用法-->

<script>

function tijiao()

{

var zhi=prompt("是否提交");<!--在点击提交按钮,出现prompt脚本提示框-->

if (zhi)

{

return true;

}

else

{

return false;

}

}

</script>

3)警告框alert的使用

<form action="" method="get">

<label>请输入您的邮箱:</label>

<input name="" type="text" id="youxiang"/>

<input name="" type="submit" value="提交2" onclick="y()" />

</form>

function y()

{

var yx=new RegExp(/^[0-9|A-z|_]{1,17}@[A-z|0-9]{1,5}.(com|cn|net|org|cc)$/);

var shuru=document.getElementById("youxiang").value; <!--定义变量,调用的是整个function,,必须把变量写在function内-->

if(yx.test(shuru))<!--test正则表达式的方法-->

{

alert("zhengque");

}

else

{

alert("cuowu");

}

}

</script>

3、timing计时的方法

setTimeout();未来的某时执行代码--利用递归的方法

clearTimeout();取消setTimeout();

Javascript 相关文章推荐
jQuery使用手册之二 DOM操作
Mar 24 Javascript
JQuery UI的拖拽功能实现方法小结
Mar 14 Javascript
jQuery中ajax的get()方法用法实例
Dec 26 Javascript
JQuery自适应窗口大小导航菜单附源码下载
Sep 01 Javascript
基于jquery实现表格无刷新分页
Jan 07 Javascript
基于javascript实现彩票随机数生成(简单版)
Apr 17 Javascript
Javascript发送AJAX请求实例代码
Aug 21 Javascript
使用Require.js封装原生js轮播图的实现代码
Jun 15 Javascript
元素全屏的设置与监听实例
Nov 28 Javascript
Vue组件和Route的生命周期实例详解
Feb 10 Javascript
vue实现2048小游戏功能思路详解
May 09 Javascript
vue+axios实现post文件下载
Sep 25 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 #Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 #Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
Dec 10 #Javascript
node.js中的buffer.slice方法使用说明
Dec 10 #Javascript
node.js中的buffer.write方法使用说明
Dec 10 #Javascript
node.js中的http.request.end方法使用说明
Dec 10 #Javascript
node.js中的emitter.on方法使用说明
Dec 10 #Javascript
You might like
支持php4、php5的mysql数据库操作类
2008/01/10 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
根据key删除数组中指定的元素实现方法
2017/03/02 PHP
php实现的顺序线性表示例
2019/05/04 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
浅析PHP echo 和 print 语句
2020/06/30 PHP
flash javascript之间的通讯方法小结
2008/12/20 Javascript
javascript parseInt 大改造
2009/09/27 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
2012/08/22 Javascript
js判断选择的时间是否大于今天的代码
2013/08/20 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
2014/12/16 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
bootstrap 表单验证使用方法
2017/01/11 Javascript
JSONP跨域请求
2017/03/02 Javascript
vue中计算属性(computed)、methods和watched之间的区别
2017/07/27 Javascript
使用axios实现上传图片进度条功能
2017/12/21 Javascript
nodejs 日志模块winston的使用方法
2018/05/02 NodeJs
JavaScript闭包原理与用法实例分析
2018/08/10 Javascript
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
Vue toFixed保留两位小数的3种方式
2020/10/23 Javascript
Python变量作用范围实例分析
2015/07/07 Python
Python中使用插入排序算法的简单分析与代码示例
2016/05/04 Python
Django学习笔记之Class-Based-View
2017/02/15 Python
Python模拟随机游走图形效果示例
2018/02/06 Python
Python实现类似比特币的加密货币区块链的创建与交易实例
2018/03/20 Python
pycharm运行程序时在Python console窗口中运行的方法
2018/12/03 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
python实现飞机大战项目
2020/03/11 Python
Django Serializer HiddenField隐藏字段实例
2020/03/31 Python
名词解释WEB SERVICE,SOAP,UDDI,WSDL,JAXP,JAXM;JSWDL开发包的介绍。
2012/10/27 面试题
演讲稿怎么写才完美
2014/01/02 职场文书
期末自我鉴定
2014/02/02 职场文书
聘用意向书范本
2014/04/01 职场文书
初三毕业感言
2015/07/31 职场文书
Python基于百度AI实现抓取表情包
2021/06/27 Python