文档章节

jquery.validate.js 表单验证

cwt1357
 cwt1357
发布于 2015/12/16 10:29
字数 305
阅读 23
收藏 0

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

 <script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>

表单验证第一步(添加表单验证):

 $(document).ready(function(){
  $("#form").validate({});
 });

表单验证第二步(form表单里面的dom元素添加class 或属性 提交时被验证):

<input id="username" name="username" type="text" value="" class="required">
 <input id="username" name="username" type="text" value="" maxlength="50">

   验证错误是的提示信息:

<input id="username" name="username" title="用户名必填,最大长度50" type="text" value="" class="required" maxlength="50"> >

表单验证的时候有时候会有特殊需求,如错误提示的展现方式:固定位置,弹出框,自定义位置

$(document).ready(function(){
  $("#form").validate({
  errorPlacement:callback
  });
 }); 
  function callback(error, element)  {

    error.appendTo(element.parent());//固定位置
  }
  
  function callback(error, element)  {

    tipsFloor(element,2,"red","用户名必填,最大长度50")//自定义 可弹出框
      }

表单验证添加自定义方法

$.validator.addMethod(
"rulename",
function(value,element,params){
   if(params[0] > 50) {
    return false;
  }
},
"用户名必填,最大长度50"
)

使用自定义方法

  $(document).ready(function(){
       $("#form").validate({
          rules:{
             DOMname:{
                 rulename:function() {
                     return $("#domid").val()
                 }
             }          
           }
       });
   });

表单验证通过时调用处理过程

$(document).ready(function(){
  $("#form").validate({
   submitHandler: function(form) { 
    form.submit(); 
  }
  errorPlacement:callback
  });
});  

$(document).ready(function(){
  $("#form").validate({
   submitHandler: function(form) { 
      form_sava()//ajax请求提交表单 
      return false;
   }
  errorPlacement:callback
  });
});

© 著作权归作者所有

上一篇: 秒杀系统纲要
下一篇: xml 格式消息
cwt1357
粉丝 0
博文 225
码字总数 63014
作品 0
沙坪坝
私信 提问
加载中

评论(0)

在.Net中使用Jquery.validate.js来验证Form的问题

在.NET中所有的服务器控件Button在生成HTML的时候,都将自动生成为submit. 而jquery.validate.js在验证时,如果验证没有通过,刚不允许提交。 这下悲剧了,如果我有多个服务器端的Button控件...

一周寂寞七天
2011/05/23
3.6K
7
javascript设计模式之策略模式

一、定义 策略模式定义了算法家族,分别封装起来,让他们之间可以互相替换,此模式让算法的变化独立于使用算饭的客户. 二、正文 相信大家在web开发的时候都接触过jquery验证插件jquery.vali...

漂泊者及其影子
2014/01/10
1.3K
0
jQuery.validate插件在失去焦点时执行验证代码

关于 jquery.validate.js 表单验证插件如何在失去焦点时做验证。看手册后发现默认是在表单提交时执行验证代码。手册中提到使用 onfocusout:false 来解决失去焦点时验证的参数功能,但是经测试...

mahengyang
2014/09/09
1.2W
4
jquery.validate.js 的 remote 后台验证

之前已经有一篇关于jquery.validate.js验证的文章,还不太理解的可以先看看:jQuery Validate 表单验证(这篇文章只是介绍了一下如何实现前台验证,并没有涉及后台验证remote方法)。 有时候我...

frylan
2013/07/08
2.8W
5
jQuery验证使用

首先要加载jquery.js与jquery.validate.js两个文件。 然后可以写验证规则,与错误提示语,也可以写自定义的验证函数。 这里的验证一般针对于html表单中的各种控件。根据它们的名字进行验证。...

桃子红了呐
2017/06/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

给大家讲一个笑话:技术是无国界的!

在我接触互联网的最初几年,总会在技术论坛上看到有人宣称:技术是没有国界的,我深信不疑! 做程序员之后,我慢慢接触到了很多很多的开源软件,我真的无比的感慨:开源是人类最伟大的发明。...

osc_hzf6peqc
10分钟前
13
0
医学多模态图像分割小结 - 知乎

在医学图象中,多模态数据因成像机理不同而能从多种层面提供信息。多模态图像分割包含重点问题为如何融合(fusion)不同模态间信息,本文主要记录笔者最近所读,欢迎批评指正补充 1. A review:...

osc_htns3spg
11分钟前
12
0
Curve-GCN:图卷积网络用于活动轮廓演变 - 知乎

CNN做分割需要处理数据量很大的grid数据,需要对所有点的label进行预测,而且传统CNN并不会结合点与点之间的联系。 使用图结构建模分割轮廓或分割曲面,然后采用GCN,仿照传统的deformable ...

osc_q7wo0k6s
11分钟前
8
0
录好的音频在哪个文件夹?迅捷录音软件还能这么查找!

录好的音频在哪个文件夹?在录制之前经常忘记调整保存位置,等到录完音频才发现,自己竟然找不到音频文件了。这种情况在录音的时候并不少见,软件的音频文件会默认保存在安装目录下,找起来确...

dawda
12分钟前
17
0
docker: Error response from daemon: Conflict. The container name "/xx" is already in use

使用docker 出现Error response from daemon: Conflict. The container name “***” is already in use 解决方法: (1)给容器换一个名字, 比如说 docker run -it --name=mycentos2 centos......

osc_h7q38oso
13分钟前
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部