javascript表单验证和Window详解
javascript表单验证和Window详解
发布时间:2016-12-30 来源:查字典编辑
摘要:一、表单验证form1、创建一个新的表单:复制代码代码如下://方法1:post提交后无长度限制,且编码后内容不可见。//方法2:get提交...

一、表单验证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" value="提交"/><>

<>

1)确认框confirm的使用

复制代码 代码如下:

<>

<script>

function tijiao()

{

var zhi=confirm("是否提交");

if (zhi)

{

return true;

}

else

{

return false;

}

}

</script>

<!--表单在调用函数时,加return,否则不起作用

2)提示框prompt的使用

复制代码 代码如下:

<input name="" type="submit" value="提交"/><>

>

<script>

function tijiao()

{

var zhi=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" />

</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; <>

if(yx.test(shuru))<>

{

alert("zhengque");

}

else

{

alert("cuowu");

}

}

</script>

3、timing计时的方法

setTimeout();未来的某时执行代码--利用递归的方法

clearTimeout();取消setTimeout();

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类