javascript表单验证和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();

(0)

相关推荐

  • ASP动态生成的javascript表单验证代码

    以网上down了一个ASP动态生成Form验证javascript的代码,自己扩容了一下.作者的大名我给忘了,不过我记得清楚,从第一条至第九条的代码都是该作者的原创.至于九至第十五条却是本人自己加的哦.而且由于本人水平有限,从第九条至第十五条不见得会条条生效啊?呵呵,其实把它贴在这里没有什么必要的,因为这点小会伎俩谁都会用的,我把它的作用定位为:开发时找不到该函数时到这里拷贝一下就可以了.呵,因为我即没有刻录机也没有移动硬盘.实在是没有办法把这些代码随身携带,不过还好,在北京到处都可以上网.所以

  • 经常用到的javascript验证函数收集第1/3页

    建议大家收藏javascript验证函数,以后遇到就可以直接拿来用了/* ================================================================== 是否为空,只判断字符串 null或0长为空,经过trim IsStringNull(string) ================================================================== */ function IsStringNull(str)

  • javascript验证上传文件的类型限制必须为某些格式

    复制代码 代码如下: //验证文件的格式 function validateFile(){ var fileObject=$("#filename"); var errorObject=$("#error"); var filepath=fileObject.val(); var fileArr=filepath.split("//"); var fileTArr=fileArr[fileArr.length-1].toLowerCase().s

  • javascript验证只能输入数字和一个小数点示例

    复制代码 代码如下: function gaga(obj){ // 值允许输入一个小数点和数字 obj.value = obj.value.replace(/[^\d.]/g,""); //先把非数字的都替换掉,除了数字和. obj.value = obj.value.replace(/^\./g,""); //必须保证第一个为数字而不是. obj.value = obj.value.replace(/\.{2,}/g,"."); //保证只有出

  • Javascript表单验证要注意的事项

    Javascript表单编程: 一.表单元素的查找方式: 1.var oForm=document.getElementById("Form1"); 2.var oForm=document.forms[Form1]//通过name查找: 二.表单字段的共同特点: disabled:该属性用于指示一个表单控件是否可用: form属性:该属性返回包含字段的表单: blur():该方法导致表单字段失去焦点: focus():该方法导致表单字段获得焦点: blur事件:当表单字段失去焦点时,

  • Javascript验证方法大全

    本文整理了关于Javascript表单验证的所有涉及到的,大家仔细阅读一定会有所收获的 //验证字符串非空 var Validator = { VerityLib: { IsNotEmpty: function (input) { if (input != '') { return true; } else { return false; } }, //验证数字(double类型) [可以包含负号和小数点] IsNumber: function (input) { var regex = /^-

  • javascript表单验证大全

    被 JavaScript 验证的这些典型的表单数据有以下几种: 1.用户是否已填写表单中的必填项目? 2.用户输入的邮件地址是否合法? 3.用户是否已输入合法的日期? 4.用户是否在数据域 (numeric field) 中输入了文本? 下面是用户名和密码验证代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> &

  • JavaScript验证18位身份证号码最后一位正确性的实现代码

    根据身份证号码推算出最后一位的正确性,如果不正确还会给出正确结果,非常有意思的一断程序. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

  • JavaScript验证电子邮箱的函数

    本文介绍一个JavaScript验证电子邮箱的函数,相当靠谱. JavaScript验证电子邮箱的函数,源代码如下: function checkEmail(text) { if( text.match(/qq\.com$/) ) { return -1; } if( ! text.match(/^\w+([._-]\w+)*@(\w+\.)+\w+$/) ) { return false; } return true; } 关于JavaScript验证电子邮箱的函数,本文就介绍这么多,希望对您

  • javascript表单验证使用示例(javascript验证邮箱)

    被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?必填(或必选)项目 下面的函数用来检查用户是否已填写表单中的必填(或必选)项目.假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题): 复制代码 代码如下: function validate_required(field

  • 一句话JavaScript表单验证代码

    表单的客户端javascript验证有各种各样的写法,登录为form的onsubmit事件或submit按扭写一个函数.对于小表单(只有一两个表单域的表单)就不必再专门再用javascript写一个验证函数了,只需要在form的onsubmit事件里加上: 复制代码 代码如下: onsubmit="return domainname.value=="?(alert('请输入搜索内容'),false):true;" 这样只有一句话,实现了验证成功时提交,失败时给出提示的功能.其

  • Javascript验证上传图片大小[前台处理]

    需求分析: 在做上传图片的时候,如果不限制上传图片大小,后果非常的严重.那么我们怎样才可以解决一个棘手的问题呢?有两种方式: 1)后台处理: 也就是AJAX POST提交到后台,把图片上传到服务器上,然后获得该图片大小做处理. 2)前台处理: 也就是利用Javascript获取该图片大小. 显然第一种方式,很不好.因为需要把文件先上传到服务器上,如果文件很大的话,在加上网不是很快,需要等待好长时间,治标不治本. 功能解析: 在这里我只介绍IE与FireFox两个浏览器的不同做法. IE6: 关键

  • javascript表单验证 - Parsley.js使用和配置

    在线演示 大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧,使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能.是不是超棒? 今天介绍的Parsley同样也可以帮助你只使用简单的配置即可实现表单验证功能,基于它的强大DOM-API. 主要特性 •基于超棒的用户体验 •超级方便配置 •超轻量级(压缩后12K),支持jQuery和Zepto •超简单,只需要简单配置DOM-API,类似jQuery的data API •绝对免费

  • Javascript验证用户输入URL地址是否为空及格式是否正确

    复制代码 代码如下: <script type="text/javascript"> function checkUrl() { var url = document.getElementById('url').value; if (url==''){ alert('URL 地址不能为空'); return false; } else if (!isURL(url)) { alert('URL 的格式应该是 http://www.jb51.net'); return fal

  • JavaScript验证图片类型(扩展名)的函数分享

    前台调用如下 复制代码 代码如下: OnClientClick="return fucCheckJpgAndGif(form1.File1.value);" --其中File1为上传文件控件 函数代码: 复制代码 代码如下: function fucCheckJpgAndGif(strFileName) {    if (strFileName != "") {        var strtype = strFileName.substring(strFileNa

  • javascript验证身份证完全方法具体实现

    复制代码 代码如下: var certCardValid = function(id){         var arrVerifyCode = [1,0,"x",9,8,7,6,5,4,3,2];         var wi = [7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2];         var Checker = [1,9,8,7,6,5,4,3,2,1,1];         var msg = "";         if

随机推荐