脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript表单验证和Window详解

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();

您可能感兴趣的文章:

相关文章

  • JavaScript NaN和Infinity特殊值 [译]

    JavaScript NaN和Infinity特殊值 [译]

    本文要讲的是两个特殊值,NaN和Infinity,返回这两个值的操作通常都应该返回正常的数字
    2012-09-09
  • JS清除字符串中重复值的实现方法

    JS清除字符串中重复值的实现方法

    这篇文章主要介绍了JS清除字符串中重复值的实现方法,涉及javascript数组与字符串的遍历、比较及数学运算相关技巧,需要的朋友可以参考下
    2016-08-08
  • three.js 实现露珠滴落动画效果的示例代码

    three.js 实现露珠滴落动画效果的示例代码

    这篇文章主要介绍了three.js 实现露珠滴落动画效果的示例代码,非常不错，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-03-03
  • 利用用JS实现一个实时小闹钟

    利用用JS实现一个实时小闹钟

    天我们来聊聊如何使用JS来创建一个实时的小闹钟,这个小闹钟十分的有趣,小伙伴们可以运行一下,看看跟你电脑上的时间是否对的上呢,文章通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • JS实现用户注册界面功能

    JS实现用户注册界面功能

    这篇文章主要为大家详细介绍了JS实现用户注册界面功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Javascript oop设计模式 面向对象编程简单实例介绍

    Javascript oop设计模式 面向对象编程简单实例介绍

    这篇文章主要介绍了Javascript oop设计模式 面向对象编程简单实例介绍的相关资料,这里附有实例代码帮助大家学习理解，需要的朋友可以参考下
    2016-12-12
  • js写的评论分页(还不错)

    js写的评论分页(还不错)

    js写的分页在网上可以搜到很多的文章，在也为大家介绍一个，喜欢的的朋友可以参考下
    2013-12-12
  • 小程序卡片切换效果组件wxCardSwiper的实现

    小程序卡片切换效果组件wxCardSwiper的实现

    这篇文章主要介绍了小程序卡片切换效果组件wxCardSwiper的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • BootStrap CSS全局样式和表格样式源码解析

    BootStrap CSS全局样式和表格样式源码解析

    这篇文章主要为大家详细解析了BootStrap图片样式、辅助类样式和CSS组件源码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-01-01
  • window.showModalDialog参数传递中含有特殊字符的处理方法

    window.showModalDialog参数传递中含有特殊字符的处理方法

    程序运行出错经，过检查发现传递的数据中出现了#等特殊字符，浏览器只取到#号前面的数据，后面的被截断，下面为大家介绍下正确的处理方法
    2013-06-06

最新评论