最近项目开发中遇到这样的需求“手机号码或者固话至少填写一个”，如下图所示:项目采用的jquery.validate.js验证组件，目前组件不支持这种“或”逻辑的验证，于是就自己定义一个 jQuery.validator.addMethod("phone", function(value, element) {var mobile = $("#mobile").val();// 手机号码var telephone = $("#telephone").val();// 固定电话var mobileRule = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0-9]|170)\d{8}$/;va...
HTML5中文本框的新属性placeholder是个非常好用的属性，但是IE系列直至IE9都不支持这一属性，这就让大家在用这一属性的时候有些犹豫不决。自己曾经写过很多类似共的小控件，但是都不是很通用，这里分享一个渐进增强的自定义placeholder的jQuery插件。有点是使用简单，大家也可以根据自己的需要进行改进。平常写jQuery插件比较少，考虑到用jQuery的同学比较多，这里就用jQuery插件的形式编写了。 在这里简单的介绍一下实现思路。 1....
1、第一种方法比较简单 代码如下:"columns": [ { "data": null,defaultContent: <input type="button" onclick="" value="呵呵" />, orderable: false }, ], 从代码字面意思就能明白什么意思，但是怎样从里边获取改行的信息我还不知道，所以显得不是太实用，定义默认值还可以。 代码如下:{ "data": "id",orderable: false, "mRender":function(data,type,full){ return "<input type=button onclick= value="+data+"/>"; } }, ...
一般就是改自己的函数名： 比较省事也简单，直接批量替换就可以了。 先上代码：代码如下:var $= function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; 这段代码是模仿jquery自定义id选择器的方法，但是因为jquery选择器也是用的这个“$”,如果你引用jquery并且使用这个方法，那么页面就会报错，解决大办法就是修改自己的方法把"$"改成"getId(id)";代码如下:ar getId = function (id) { return "...
自定义一个jquery模态窗口插件，将它集成到现有平台框架中时，它只能在mainFrame窗口中显示，无法在顶层窗口显示. 解决这个问题的办法： 通过以下代码就可能实现在顶层窗口弹窗 代码如下:$(window.top.document.body).append("<div id=dialog></div>");
这样的显示风格是不是很养眼啊？如果文章内容太多的话转换有点慢，希望大家能给我提出宝贵的意见。 代码如下:<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文章分段</title> <script src="http://code.jquer...
1、创建一个jsp页面，内容如下，js和css根据自己的实际情况而定 代码如下:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!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>Insert title here</title> <link href="Share.css" re...
css样式 代码如下:<style type="text/css"> .box{border-left:5px solid #F93;border-right:5px solid #F93;border-bottom:10px solid #F93;width:100px;height:60px; position:absolute;top:250px;left:300px;z-index:999; overflow:hidden;} .box2{border-left:5px solid #F93;border-right:5px solid #F93;border-bottom:10px solid #F93;width:100px;height:60px; position:absolute;top:250px;left:500px;z-index:999; overf...
自从上次做了JQ自定义分页插件和表格插件后，就没在自定义过插件了，这一个月都在用linq和ef,基本前端都没怎么去碰了，今天有个同事说有个项目需要在下拉框里面带有复选框，本来想网上找下插件的，一想，其实这功能也并不难，于是就自己做了一个，也趁机再次熟悉下JQ自定义插件吧，好了，先附上效果图先： 看上去没怎么难吧，其实就是强化JQ，免得太久没用，生疏了。好了。附上我的代码：代码如下:(function($){ var option={ ...
主要的方法如下： 代码如下:.data( key, value ).data( obj ).data( key ).data()从jQuery 1.4.3起， HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。例如HTML： 代码如下:<div data-role = "page" data-last-value = "43" data-hidden = "true" data-options = {"name":"John"} > </div>下面的 jQuery代码都是返回 true 的： 代码如下:$ ( "div" ) . data ( "role" ) === "page" ;$ ( "div" ) . data ( "lastValue" ) === ...
在网页上我们经常看到，当点击一个按钮时，弹出一个自定义窗口，并且可以随意的拖拽，从而改变其位置 使用jquery实现拖拽，则必须要jquery的文件了，实现步骤： 1、引入jquery文件 2、编写js脚本 具体代码： html代码： 代码如下:<button id="show">显示</button> <div class="win"> <div class="wTop"><p style="float:right;margin:5px 5px 0px 0px;color:white" id="hidden">X</p></div> <div class="content"></div> </div> ...
在项目开发中，如果我们使用javascript自带的提示对话框，感觉不怎么美观，所以我们通常都是自己定义一些对话框，这里我实现点击按钮就弹窗一个登录的窗口，点击该窗口并可以实现拖拽功能，太多文字的东西说不清楚，直接用代码说话。 这里我将HTML、CSS、Jquery代码分别贴出来 HTML部分： 代码如下:<button id="show" class="alter">弹窗</button> <!-- 弹窗部分--> <div class="box"> <div class="box_content"> <div class="tit...
代码如下:<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>自定义滚动条插件</title><style type="text/css"><!--html,body{height:100%;}body {margin:0; padding:0; background:#111 url(mcs_demo_bg.jpg) no-repe...
一、需求原因虽然JQuery为我们定义了许多的事件，但是有时候还是不能满足我们的要求，故本例实现一个自定义事件实现的例子。 二、具体实现 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 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"src="../jQuery/jquery-1.7.1....
代码如下://方法定义 $.windowbox = { //定义一个方法aa aa: function(){ alert("aa"); }, //定义一个方法bb bb: function(){ alert("bb"); } } $.windowbox.aa(); //调用$.windowbox里的aa方法 代码如下:// 传参数 var aa = function(x){ //弹出对象 x 里的 aa 变量和 bb 变量 alert(x.aa + " 我成功啦 " + x.bb); } $.windowbox = aa; $.windowbox({ aa: "哈哈", bb: "啦啦" }); 代码如下:方法一： jQuery.fn.setApDiv=funct...