一、表单验证form 1、创建一个新的表单:代码如下: <form id="id是唯一的,不可重复" name=“可重复”,method="post/get",action="目标或地址,负责处理的服务端,将文本等传输到什么地方"> //方法1:post提交后无长度限制,且编码后内容不可见。 //方法2:get提交有长度限制,并且编码后的内容在地址栏可见 (input 元素) </form>2、表单的作用:能够把网址、数据一块传输到数据库。 3、动作属性:action和确认按钮 当用户单击确...
本文实例讲述了JQuery表单验证插件EasyValidator用法。分享给大家供大家参考。具体如下: 本插件的宗旨是:用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手。 DEMO中已经包含了常用的正则表达式,可以直接复用,为了考虑扩展性,所以针对不同用户特殊需求,自行写正则吧。 EasyValidator实现的功能: 1.提示功能(在表单或者其他标签中加入tip="想提示的文字") 如:...
Javascript表单编程: 一.表单元素的查找方式: 1.var oForm=document.getElementById("Form1"); 2.var oForm=document.forms[Form1]//通过name查找; 二.表单字段的共同特点: disabled:该属性用于指示一个表单控件是否可用; form属性:该属性返回包含字段的表单; blur():该方法导致表单字段失去焦点; focus():该方法导致表单字段获得焦点; blur事件:当表单字段失去焦点时,发生该事件,随后执行onblur事件处理程序; focus事...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>表单验证</title> <script language="javascript"> function check_1(param){//不为空 if(param==""||param==null){return false;}else{return true;} } function check_2(param){//长度限制,字母是10个,汉字也是1...
JavaScript表单验证电话号码,判断一个输入量是否为电话号码,通过正则表达式实现。 代码如下://检查电话号码 function isTel(str){ var reg=/^([0-9]|[\-])+$/g ; if(str.length18){ return false; } else{ return reg.exec(str); } }
如下所示: 代码如下:var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江", 34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北", 43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川" ,52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海", 64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"} ...
(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:true 必须输入正确格式的日期(6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性(7)number:true 必须输入合法的数字(负数,小数)(8)digits:true 必须输入整数(9)creditcard: 必须输入合法的信用卡号(1...
网站制作中,表单验证的功能是很常用的。有些时候,用一些成型的js控件会比较方便,但是又过于庞大和难以维护(本人的js水平不高)所以干脆自己写了一个。至于好不好,灵活不灵活,还请大家指点(先上图,很难看,请不要介意): 代码: 代码如下:表单验证js代码 var fv ={ lang: "zh-cn", //错误提示语言 inValidedStr: "=", //初始随意复制,使其长度不为0 mail: function(elementID) //验证邮件地址合法,elementID...
代码如下:<html> <head> <meta charset="utf-8"/> <script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script> <script> $(function(){ $(":input.required").each(function(){ var $required = $("<strong>*</strong>"); $(this).parent().append($required); }); $(":input.required").blur(function(){ //判断一下鼠标离开谁了 if($(this).is("#username")){ $(".formtip").remove(); //按照用户名的规则去...
在线演示 大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧,使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能。是不是超棒? 今天介绍的Parsley同样也可以帮助你只使用简单的配置即可实现表单验证功能,基于它的强大DOM-API。 主要特性 基于超棒的用户体验 超级方便配置 超轻量级(压缩后12K),支持jQuery和Zepto 超简单,只需要简单配置DOM-API,类似jQuery的data API 绝对免费...
1.首先在项目中添加必备js与css 2.代码中添加引用(必备引用) 代码如下:<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <!--jquery必须库--> <script src="formValidator1/formValidator-4.0.1.min.js" type="text/javascript"></script> <!--表单验证必须库--> <script src="formValidator1/formValidatorRegex.js" type="text/javascript"></script> <!--表单验证扩展库--> <link href="formV...
先下页面代码: 代码如下:<!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"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="Scripts/jquery.formCheck.js"></script> <script type="text/javascript"> $(do...
1. 页面效果,自动提示验证信息... 2. 页面代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script> <script src="../Scripts...
枚举对象的使用: 代码如下://各种验证方式支持的标签类型 sustainType: function (elem, setting) { var srcTag = elem.tagName; var stype = elem.type; switch (setting.validatetype) { case _validTypeEnum.InitValidator: return true; case _validTypeEnum.InputValidator: if (srcTag == _validTagEnum.INPUT || srcTag == _validTagEnum.TEXTAREA || srcTag == _validTagEnum.SELECT) { return true; } else { return fa...
很显然,这样做能提升更好的用户体验。 html代码: 代码如下:<form method="post" action=""> <div class="int"> <label for="username">用户名:</label> <input type="text" id="username" class="required"/> </div></form> jquery代码: 代码如下:<script type="text/javascript"> $(function(){ $(form :input).blur(function(){ var $parent=$(this).parent(); $parent.find(".formtips").remove(); if($(this).is(#userna...