javascript表单验证和Window详解
更新时间：2014年12月11日 09:47:54 投稿：hebedich
这篇文章主要详细介绍了javascript表单验证和Window，并附上了示例代码，非常使用，对于我们更好的了解表单验证和Window很有帮助，这里推荐给大家
一、表单验证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();
您可能感兴趣的文章:
- ASP动态生成的javascript表单验证代码
- 经常用到的javascript验证函数收集
- 一句话JavaScript表单验证代码
- javascript表单验证 - Parsley.js使用和配置
- javascript验证只能输入数字和一个小数点示例
- javascript验证上传文件的类型限制必须为某些格式
- javascript验证完全方法具体实现
- javascript表单验证使用示例(javascript验证邮箱)
- JavaScript验证图片类型(扩展名)的函数分享
- Javascript验证上传图片大小[前台处理]
- JavaScript验证18位身份证号码最后一位正确性的实现代码
- JavaScript验证电子邮箱的函数
- Javascript表单验证要注意的事项
- Javascript验证用户输入URL地址是否为空及格式是否正确
- javascript表单验证大全
- Javascript验证方法大全
相关文章
这篇文章主要介绍了JavaScript 上传文件限制参数案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
这篇文章介绍了js获得地址栏?问号后参数的方法，有需要的朋友可以参考一下2013-08-08
这篇文章主要介绍了Angularjs手动解析表达式（$parse）的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-10-10
这篇文章主要为大家详细介绍了js+canvas实现纸牌游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了JS对象复制(深拷贝和浅拷贝)，并附有详细代码，感兴趣的小伙伴们，可以参考下2021-04-04
这篇文章主要介绍了bootstrap实现嵌套模态框的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2020-01-01
Javascript引用指针使用介绍，需要的朋友可以参考下2012-11-11
这篇文章主要介绍了javascript使用正则表达式检测IP地址的方法,需要的朋友可以参考下2014-12-12
Symbol是ES6中引入的一种新的基本数据类型，用于表示一个独一无二的值。它是JavaScript中的第七种数据类型。本文将详细讲讲Symbol的使用，需要的可以参考一下2022-11-11
uni-app是一个使用Vue.js开发跨平台应用的前端框架,下面这篇文章主要给大家介绍了关于UniApp开发H5接入微信登录的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
最新评论