可限制最大输入字符长度 可设置字符截取速度 可自定义提示信息文本样式(可以改进自定义文本内容) 该插件统计英文字符和中文的长度是一样的。 废话少说，这里直接奉上详细插件代码，具体实现细节已经在代码里面有注释： 代码如下: ; (function ($) { $.fn.extend({ textAreaCount: function (options) { var $textArea = this; options = $.extend({ maxlength: 140, // 定义一个最大输入长度变量,初始化为500 speed: 15, // 定义删...
页面样式代码： 代码如下: .header { background-color: #CCCCCC; color: White; font-size: x-large; } .content { background-color: White; font-weight: lighter; font-size: small; } .content td { text-align: left; } .mandatory { color: Red; } .errorContainer { display: none; margin-bottom: 20px; } .alertMsg { margin-left: 20px; color: #660000; } .input-highlight { background-color: #CCCCCC; } 页面结...
这里我们举例校验ListBox两个规则： 校验必选项 选择范围在0~4项 界面代码： 代码如下: 脚本代码： 代码如下: Recipe17 $(function () { $("#form1").validate({ rules: { lstCar: { required: true, rangelength: [0, 4] } }, messages: { lstCar: { required: "至少选择一种车！", rangelength: "选择的范围为零到四种车！" } }, errorLabelContainer: $("#message") }); }); .alertmsg { color: #FF0000; } 界面效...
1前言 最近在ASP.NET中做了一个AJAX调用 : Client端先从ASP.NET Server后台取到一个页面模板，然后在页面初始化时再从Server中取一些相关数据以实现页面模板的动态显示。具体实现为： 1) Client向 ASP.NET后台发送HTTP GET 请示 2) 后台给Client发送一个HTML模板,同时在内存中存储一个XML String (包含页面模板动态显示所需的数据) 3) Client在初始化页面时，发送AJAX请求，拿到XML String 4) 利用拿到的XML String,定制化HTMl模板...
第一种写法: 代码如下: $(function(){ $("li").not(":even").css("color","red"); $("li").filter(":odd").css("color","red"); }) 第二种写法： 代码如下: $(function(){ $("li").filter(function(index) { return index%2 == 0; }).css("color","red"); $("li").not(function(index) { return index%2 !== 0; }).css("color","red"); }) 这两种写法，都可以达到一样的效果，not与filter是相反的过滤！ jQuery过滤选择器:not(...
select: 代码如下: 夺得2008年欧洲杯冠军的国家是： 请选择 德国 法国 意大利 英国 西班牙 希腊 1、判断是否选择了国家。 代码如下: if($("#nation").val()=="") { alert("请选择国家"); } 2、获取select中option项的个数。 代码如下:$("#nation").find("option").length; 3、获取选中的option的值value和显示的文本text。 代码如下://获取选中项的值 $("#nation").val(); //获取选中项显示的文本 $("#nation").f...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不...
我们有时候需要实现这样一种功能：点击一个按钮，然后在按钮的下方显示一个div。当按钮位于角落时，div的位置设定就需要调整，不然，div将显示不完全。 我打算使用offset()方法实现此功能，但要先弄清楚他的功能。 offset()的top是指元素与document的上边的距离，而不是浏览器当前窗体的上边缘，如图1。图1：document高度超过window，浏览器出现滚动条，滚动滚动条，提交按钮的offset不变。图2：document中的div有滚动条，提交按钮...
jquery中封装了一些ajax请求的方法，很实用。 比如.ajaxComplete()——请求完成时.ajaxError()——请求失败时.ajaxSend()——在Ajax请求发送时附加一个function去执行.ajaxStart()——请求开始时，.ajaxStop()——请求结束时.ajaxSuccess()——请求成功时.load()——从服务端加载数据并将返回的HTML替换到选择的元素中jQuery.post()——使用HTTP POST请求加载服务端数据.serialize()——将form元素集编码成一个字符串以便提交.seri...
什么是JSON？ 前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 4、可读性较强，虽然比不上XML那么一目了然，但在合理的依次缩进之后还是很容易识别的； 5、容易编写和解析，当然前提是你要...
首先废话一句，jQuery选择器真心很强大！ 在项目中遇到这么一个问题easyui的问题 如图所示，当前页面显示的是“原始报文查询”的页面，当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即：左侧点击“原始报文查询”，那么右侧的“补发运抵报文”展开，并选中“原始报文查询”，“后台管理”关闭？ 实现方式如下： 1、右侧的“原始报文查询”等用到的是easyui的tabs控件，查看api知道，tabs有个o...
很庆幸，我又见到了末日后新升的太阳，所以我还能在这里写文章，言归正传哈，最近做了一个项目，需要用子域名调用主域名下的一个现有的功能，于是想到了用jsonp来解决，在我们平常的项目中不乏有这种需求的朋友，于是记录下来以便以后查阅同时也希望能帮到大家。什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨域请求，我们可以通过使用...
1、JQuery选择器继承了CSS、path语音的部分语法，允许通过标签名、属性名、内容对DOM元素进行快速、准确的选择。 2、JQuery选择器与JavaScript相比，具有代码简单、完善的检测机制的优势。 3、使用JQuery选择器实现隔行变色，示例代码如下： 代码如下: 使用JQuery实现隔行变色 body{font-size:12px;text-align:center} #tbStu{width:260px;border:solid 1px #666;background-color:#eee} #tbStu tr{line-height:23px} #...
首先提供Ztree官方网站http://www.ztree.me。 Ztree是一个使用jQuery实现的JSP页面的各种功能树，本文介绍一个异步获取数据到下拉树的实现方式。 当前版本Ztree 3.5.01 simple.html 代码如下: simple.html js 代码如下: var setting = { data: { simpleData: { enable: true // idKey:"id", // pIdKey:"pId", } } ,async: { enable: true, url:"/Java_Solr/servlet/ZTreeSerlvet", autoParam:["id", "name"],...