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 Validation插件remote验证方式的Bug解决
Jul 01 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
利用jQuery中的ajax分页实现代码
Feb 25 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
Angular企业级开发——MVC之控制器详解
Feb 20 Javascript
浅谈React Native 中组件的生命周期
Sep 08 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
vue 动态修改a标签的样式的方法
Jan 18 Javascript
axios拦截设置和错误处理方法
Mar 05 Javascript
使用javascript做在线算法编程
May 25 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 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生成WAP页面
2006/10/09 PHP
亲密接触PHP之PHP语法学习笔记1
2006/12/17 PHP
解析php根据ip查询所在地区(非常有用,赶集网就用到)
2013/07/01 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
2019/10/12 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
jquery validate.js表单验证的基本用法入门
2010/05/13 Javascript
Javascript 类型转换方法
2010/10/24 Javascript
javascript 广告后加载,加载完页面再加载广告
2010/11/25 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
2011/07/04 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
7个去伪存真的JavaScript面试题
2016/01/07 Javascript
JavaScript实现时间倒计时跳转(推荐)
2016/06/28 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
2016/12/04 Javascript
jquery表单插件form使用方法详解
2017/01/20 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
2017/09/16 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
2017/11/07 Javascript
Vue+SpringBoot开发V部落博客管理平台
2017/12/27 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
使用Python控制摄像头拍照并发邮件
2019/04/23 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
Tensorflow模型实现预测或识别单张图片
2019/07/19 Python
Python request操作步骤及代码实例
2020/04/13 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
python中K-means算法基础知识点
2021/01/25 Python
让IE支持HTML5的方法
2012/12/11 HTML / CSS
DataReader和DataSet的异同
2014/12/31 面试题
技能比赛获奖感言
2014/02/14 职场文书
七夕情人节问候语
2015/11/11 职场文书
利用JavaScript写一个简单计算器
2021/11/27 Javascript