服务器之家

服务器之家 > 正文

javascript表单验证和Window详解

时间:2021-05-11 17:54     来源/作者:hebedich

一、表单验证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();

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021德云社封箱演出完整版 2021年德云社封箱演出在线看
2021德云社封箱演出完整版 2021年德云社封箱演出在线看 2021-03-15
返回顶部