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 相关文章推荐
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 Javascript
javascript+HTML5自定义元素播放焦点图动画
Feb 21 Javascript
Vue.js手风琴菜单组件开发实例
May 16 Javascript
JS实现页面打印(整体、局部)
Aug 18 Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
Vue项目中使用Vux的安装过程
May 01 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
Aug 08 Javascript
原生小程序封装跑马灯效果
Oct 21 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
Feb 26 Vue.js
JavaScript实现栈结构详细过程
Dec 06 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
第六节--访问属性和方法
2006/11/16 PHP
PHP之变量、常量学习笔记
2008/03/27 PHP
中英文字符串翻转函数
2008/12/09 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
jQuery 白痴级入门教程
2009/11/11 Javascript
基于jquery的web页面日期格式化插件
2011/11/15 Javascript
jquery 自定义容器下雨效果可将下雨图标改为其他
2014/04/23 Javascript
JS实现窗口加载时模拟鼠标移动的方法
2015/06/03 Javascript
JavaScript动态插入CSS的方法
2015/12/10 Javascript
jQuery实现区域打印功能代码详解
2016/06/17 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
简单实现jQuery多选框功能
2017/01/09 Javascript
javascript 中的try catch应用总结
2017/04/01 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
2017/07/21 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
2020/05/29 Javascript
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
在windows下Python打印彩色字体的方法
2018/05/15 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
mac下pycharm设置python版本的图文教程
2018/06/13 Python
python编辑用户登入界面的实现代码
2018/07/16 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
python+logging+yaml实现日志分割
2019/07/22 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
Python类及获取对象属性方法解析
2020/06/15 Python
css3动画效果抖动解决方法
2018/09/03 HTML / CSS
企业面试题试卷附带答案
2015/12/20 面试题
中药专业自荐信范文
2014/03/18 职场文书
大专应届毕业生求职信
2014/07/15 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
户外亲子活动总结
2015/05/08 职场文书
开学季:喜迎新生,迎新标语少不了
2019/11/07 职场文书
go开发alertmanger实现钉钉报警
2021/07/16 Golang
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers