javascript表单验证和Window详解

前端技术 2023/09/06 JavaScript

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

本文地址：https://www.stayed.cn/item/16880

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案