`
lihua-he
  • 浏览: 103058 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

jquery校验输入框是否有值以及控制其长度

阅读更多
$(document).ready(function(){
if($("#messageBox").length>0){
$("#messageBox").hide();
}
$.validator.setDefaults({      
submitHandler: function(form) {  
     form.submit();   
    }      
}); 
$("#editFavo").validate({ //editFavo为From的id errorLabelContainer: "#messageBox",  //messageBox为一个div域 例:<div id="messageBox"></div>
debug:true,
wrapper: "li",
rules:{
"webUrl":{required:true}, //webUrl为文本框的id(被校验的id)下面属性与此一样
"title":{required:true,byteRangeLength2:[1,48]},
"descript":{required:true,byteRangeLength2:[1,280]}
},
messages:{
"webUrl":{required:'<s:text name="categoryName.yes"/>'},//与上面依依对应的消息提示语(链接不能为空)
"title":{required:'<s:text name="categoryName.yes"/>'},
"descript":{required:'<s:text name="categoryName.yes"/>'}
}
});
$.validator.addMethod("byteRangeLength2", function(value, element, param) {     //校验输入字符的长度
  var length = value.length;    
  for(var i = 0; i < value.length; i++){    
   if(value.charCodeAt(i) > 127){    
    length++;    
   }    
  }    
  return this.optional(element) || ( length >= param[0] && length <= param[1] );    
},"<s:text name='categoryName.length'/>");
})

分享到:
评论

相关推荐

    Jquery校验 (js+实例+帮助文档)

    **jQuery校验(js+实例+帮助文档)** jQuery是一个广泛使用的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。在Web开发中,表单验证是必不可少的一环,jQuery提供了方便的校验...

    php与jquery校验用户名

    总的来说,"php与jquery校验用户名"这一主题涵盖了客户端与服务器端验证的基本思路和实现方法,包括jQuery的实时验证、PHP的数据库查询以及Ajax通信。理解并掌握这些技术对于Web开发人员来说是非常重要的。

    jQuery实现输入框提示绑定车牌号码特效源码.rar_bread16q_bushgz9_html车牌输入框_plentybt1

    本项目是关于使用jQuery实现一个输入框提示功能,特别针对车牌号码输入进行优化,提供了键盘模拟(js键盘或软键盘)以及特定格式的输入提示。 首先,我们来探讨jQuery如何实现输入框的提示功能。在HTML中,我们可以...

    jQuery实现验证码输入框代码特效.zip

    1. **实时验证**:jQuery可以实现实时检查用户输入,当用户在输入框中输入字符时立即进行校验,如长度限制、字符类型等,提供即时反馈。 2. **模糊匹配**:有时验证码可能是部分隐藏或显示为图片,用户需要根据提示...

    jquery的ajax校验.zip

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax校验,这是一种在客户端进行数据验证的技术,它能够提高用户体验,减少不必要的服务器...

    Jquery基础实例01——用户名校验

    这个基础实例展示了如何使用jQuery进行基本的客户端验证,包括选择元素、绑定事件、进行数据校验以及实时反馈。通过学习这个实例,初学者可以快速掌握jQuery的基本用法,并将其应用到更复杂的项目中。在后续的实例中...

    jquery校验框架

    jQuery,一个轻量级、高性能的JavaScript库,因其简洁的API和强大的功能,成为了前端开发中的必备工具。其中,jQuery验证框架是用于实现表单验证的重要组成部分,它使得开发者能够轻松地为网页上的表单添加各种验证...

    jquery.validate表单验证密码完整例子(带密码强度显示)

    首先,`jQuery Validate`的核心功能是验证用户在表单中输入的数据,确保其符合预设的验证规则。例如,我们可以设定密码必须包含字母、数字、特殊字符等要求,以提高安全性。在提供的例子中,它会检查用户输入的密码...

    jquery密码强度验证

    2. **复杂性**:包括大小写字母、数字以及特殊字符的组合。 3. **无规律**:避免使用常见的单词、日期、连续数字等易于猜测的组合。 4. **唯一性**:不与其他网站的密码重复。 在jQuery中实现密码强度验证,我们...

    jquery密码强度校验

    在jQuery代码部分,通过监听`input`的`blur`事件(即输入框失去焦点时触发的事件),在该事件的回调函数中调用正则表达式的`test`方法来判断当前输入框中的密码是否满足上述的强度要求之一。根据判断结果,页面上的`...

    jQuery如何封装输入框插件

    4. 长度校验:检查输入内容的长度是否符合要求,并给出提示。 5. 状态展现:根据校验结果展现输入框的正确性或错误状态,包括边框颜色和提示符号。 公有方法则包括: 1. 设置大小:允许其他开发人员根据需要改变...

    jQuery 版本的文本输入框检查器Input Check

    jQuery文本输入框检查器(以下简称Input Check)是一个基于jQuery实现的JavaScript库,它的设计目的是为了简化对HTML表单中特定类型输入框(input元素类型为text、password、hidden以及textarea)的用户输入内容进行...

    jquery validate 使用详解

    - **规则**: 验证输入值的长度是否在指定范围内。 - **应用场景**: 限制用户输入的字符数量范围。 - **示例代码**: ```javascript $("#formId").validate({ rules: { comment: { rangelength: [10, 200] } ...

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    通过以上知识点,开发者可以了解到在使用jQuery EasyUI框架的validatebox组件进行前端数据校验时,如何扩展校验规则以满足特定需求,以及如何正确实现和使用这些自定义的校验规则。这样的实践能极大地优化Web应用的...

    jquery+ajax 无刷新案例

    MD5通常用于数据完整性校验和密码存储,因为它能将任意长度的数据转化为固定长度的散列值,而且几乎不可能找到两个不同的数据产生相同的散列值。 具体实现步骤如下: 1. **前端准备**:使用HTML创建一个表单,包含...

    html5支付宝手机支付密码输入框特效

    "html5支付宝手机支付密码输入框特效"是一个专为优化移动设备上的支付流程而设计的特效,它可能包含了自定义样式、交互反馈以及安全性的考虑。 首先,HTML5提供了新的表单控件和属性,如`&lt;input type="number"&gt;`或`...

    jQuery判断注册填写信息的例子很全面的

    例如,当用户离开输入框(失去焦点)时,可以触发验证函数,并通过改变输入框的样式(如颜色、提示文本等)来提示用户输入是否有效。 为了提高用户体验,可以使用jQuery的动画功能,如淡入淡出、滑动等效果,来优雅...

    ajax的异步校验功能实现

    1. **事件监听**:我们需要监听用户的输入,例如当用户离开输入框(`blur`事件)或者输入达到一定长度时(`keyup`事件)。这可以通过`.on()`函数实现。 ```javascript $("#username").on('blur', function() { ...

    jQuery插件Validate实现自定义校验结果样式

    首先,要实现自定义校验结果样式,需要引入jQuery Validate插件以及相关的依赖包。在本例中,依赖包包括了jQuery本身以及Validate插件的库文件。在HTML文档中通过`&lt;script&gt;`标签引入这些文件,并确保它们的路径正确...

Global site tag (gtag.js) - Google Analytics