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 相关文章推荐
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
Jan 26 Javascript
jQuery仿京东商城楼梯式导航定位菜单
Jul 25 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
jQuery实现点击关注和取消功能
Jul 03 jQuery
Javascript实现时间倒计时效果
Jul 15 Javascript
VUE element-ui 写个复用Table组件的示例代码
Nov 18 Javascript
vue数组对象排序的实现代码
Jun 20 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
Node.js API详解之 os模块用法实例分析
May 06 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 Javascript
原生js拖拽功能制作滑动条实例代码
Feb 05 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
php之对抗Web扫描器的脚本技巧
2008/10/01 PHP
PHP 面向对象详解
2012/09/13 PHP
php字符比较函数similar_text、strnatcmp与strcasecmp用法分析
2014/11/18 PHP
PHP与jquery实时显示网站在线人数实例详解
2016/12/02 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
一个用js实现的页内搜索代码
2007/05/23 Javascript
filters.revealTrans.Transition使用方法小结
2010/08/19 Javascript
关于js datetime的那点事
2011/11/15 Javascript
$.each遍历对象、数组的属性值并进行处理
2014/07/18 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
详解JavaScript UTC时间转换方法
2016/01/07 Javascript
JS函数arguments数组获得实际传参数个数的实现方法
2016/05/28 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
vue过滤器用法实例分析
2019/03/15 Javascript
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
jQuery 筛选器简单操作示例
2019/10/02 jQuery
深入分析jQuery.one() 函数
2020/06/03 jQuery
[52:15]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS LGD-GAMING
2014/05/23 DOTA
[01:24:34]2014 DOTA2华西杯精英邀请赛5 24 DK VS LGD
2014/05/25 DOTA
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
Python之re操作方法(详解)
2017/06/14 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
python实现AdaBoost算法的示例
2020/10/03 Python
HTML5中判断用户是否正在浏览页面的方法
2014/05/03 HTML / CSS
阿里云:Aliyun.com
2017/02/15 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
四年级下册教学反思
2014/02/01 职场文书
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
2016年安全月活动总结
2016/04/06 职场文书