代码如下: $(function(){ $(":input.required").each(function(){ var $required = $("*"); $(this).parent().append($required); }); $(":input.required").blur(function(){ //判断一下鼠标离开谁了 if($(this).is("#username")){ $(".formtip").remove(); //按照用户名的规则去验证 if(this.value==""||this.value.lengthvar errMsg = "用户名至少是6个字母"; $(this).parent().append(errMsg); }else{ var msg = "用户名可...
网站制作中,表单验证的功能是很常用的。有些时候,用一些成型的js控件会比较方便,但是又过于庞大和难以维护(本人的js水平不高)所以干脆自己写了一个。至于好不好,灵活不灵活,还请大家指点(先上图,很难看,请不要介意): 代码: 代码如下:表单验证js代码 var fv ={ lang: "zh-cn", //错误提示语言 inValidedStr: "=", //初始随意复制,使其长度不为0 mail: function(elementID) //验证邮件地址合法,elementID...
(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...
JavaScript表单验证电话号码,判断一个输入量是否为电话号码,通过正则表达式实现。 代码如下: //检查电话号码 function isTel(str){ var reg=/^([0-9]|[\-])+$/g ; if(str.length18){ return false; } else{ return reg.exec(str); } }
代码如下: 表单验证 function check_1(param){//不为空 if(param==""||param==null){return false;}else{return true;} } function check_2(param){//长度限制,字母是10个,汉字也是10个 if(param.length>10){return false;}else{return true;} } function check_3(param){//只能输入汉字 var pattern= /^[\u4e00-\u9faf]+$/; var flag = pattern.test(param); if(flag==false){return false;}else{return true;} } function ...
Javascript表单编程: 一.表单元素的查找方式: 1.var oForm=document.getElementById("Form1"); 2.var oForm=document.forms[Form1]//通过name查找; 二.表单字段的共同特点: disabled:该属性用于指示一个表单控件是否可用; form属性:该属性返回包含字段的表单; blur():该方法导致表单字段失去焦点; focus():该方法导致表单字段获得焦点; blur事件:当表单字段失去焦点时,发生该事件,随后执行onblur事件处理程序; focus事...
本文实例讲述了JQuery表单验证插件EasyValidator用法。分享给大家供大家参考。具体如下: 本插件的宗旨是:用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手。 DEMO中已经包含了常用的正则表达式,可以直接复用,为了考虑扩展性,所以针对不同用户特殊需求,自行写正则吧。 EasyValidator实现的功能: 1.提示功能(在表单或者其他标签中加入tip="想提示的文字") 如:...
一、表单验证form 1、创建一个新的表单:代码如下:2、表单的作用:能够把网址、数据一块传输到数据库。 3、动作属性:action和确认按钮 当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。 二、JavaScripeWindow--浏览器对象模型 1、window对象 所有浏览器都支持Window对象,它表示浏览器窗口。全局变量是window对象...
本文实例讲述了js进行表单验证的方法。分享给大家供大家参考。具体实现方法如下: 1. 传统的表单验证代码代码如下: 表单验证 function $(id) { return document.getElementById(id); } function check() { var email = $("email").value; var password = $("password").value; var repassword = $("repassword").value; var name = $("name").value; if(email == "") { alert("Email值不能为空"); $("email").focus();...
jquery 验证非常简单,下面总结常用的三种方式: 第一种方式:也是比较标准的方式: 首先引入jquery 插件和 jquery 验证插件: 第一步:引入插件代码如下:第二步: 定义表单的错误输出: 代码如下:#frm label.error { color: Red; }第三步:添加错误处理方法; jquery验证,需要有: 1:定义验证方法 2:添加验证规则 下面贴出常用的验证小例子,一看就明白了。 先看效果图:#frm label.error {color: Red;}$(document).ready(f...
一个注册框 进行表单验证处理 如图有简单的验证提示功能 代码思路也比较简单 输入框失去焦点时便检测,并进行处理 表单具有 onsubmit = "return check()"行为,处理验证情况 点击提交表单按钮时,进行最终的验证,达到是否通过表单提交的请求。 先是最基本的html+css部分body{margin:0;padding: 0;}.login{position:relative;margin:100px auto;padding:50px 20px;width: 350px;height: 200px;border:1px solid #333;}.login lege...
是一款优秀的插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性。本文就是通过讲解这个实例来理解Validation的应用。本实例涉及到的验证有: 用户名:长度、字符验证,重复性ajax验证(是否已存在)。 密码:长度验证,重复输入密码验证。 邮件:邮件地址验证。 固定电话:中国大陆固定电话号码验证。 手机号:中国大陆手机号码验证。 网址:网站URL地址验证。 日期:标准日期格式验证。 数字:整...
自己编写了一个表单验证插件,支持ajax验证,使用起来很简单。每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空;rule表示验证规则,msg表示错误提示信息;to表示要验证的元素的name值,如果元素是单个的,to可以不写。该插件会遍历每个有valid的span标签,找出它前面需要验证的元素,根据rule验证,如果验证不通过,则显示边框为红色,鼠标放在元素上时显示错误信...
表单验证用于发生在服务器,客户端已经输入所有必要的数据,然后按下提交按钮之后。如果一些已被输入的客户端的数据的已在错误形式或者被简单地丢失,则服务器将必须的所有数据发送回客户端,并请求的形式以正确的信息重新提交。这是一个漫长的过程,会增加服务器负担。 JavaScript中,提供了一种方法将其发送到web服务器之前验证客户端的计算机上的形式的数据。表单验证通常执行两种方式。基本验证 - 首先,该表必须进行检查,以确...
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证">My JSP 'index.jsp' starting page $(document).ready(function(){//按钮$("#but").click(function(){alert("This is my JSP page");});//文本框$("#btext").click(function(){alert($("#te").val());});//下拉框$("#sel").change(function(){alert($("#sel").val());});//单选框$("#uradio1").click(function(){alert($('input[name="radiobuttid=on"]:checked')...