javascript
文章平均质量分 56
猪脚踏浪
这个作者很懒,什么都没留下…
展开
-
JSONP解决跨域问题
JavaScript规范中提到的json是不能直接跨域调用,为了安全,但是能调用js片段,所以把json包装为一个js片段,也就是jsonp那么就能够跨域请求在spring4.1后,提供了新的方法可以作为jsonp的调用.1.response 响应类型为 application/JavaScript2.进行json请求的URL中需要携带参数 jsonp 或 callback,并原创 2017-06-04 14:56:47 · 1562 阅读 · 0 评论 -
JS创建对象的几种方式
第一种模式:工厂方式var lev=function(){ return "啊打"; }; function Parent(){ var Child = new Object(); Child.name="李小龙"; Child.age="30"; Child.lev=转载 2017-05-08 12:59:22 · 232 阅读 · 0 评论 -
Jquery form 表单重置
Jquery没有直接重置表单的方法,但是可以通过调用 DOM 中的reset方法来重置表单代码: $('#form1')[0].reset()原创 2017-04-25 02:51:18 · 779 阅读 · 0 评论 -
Cron 表达式的JavaScript验证代码
根据CronExpressionValidator类的思路,改写了一个Cron Expression Validator,这样在做验证就比较方便了。 /** * Validates a cron expression. * * @param cronExpression The expression to validate * @ret转载 2017-04-24 17:33:34 · 9130 阅读 · 2 评论 -
jquery.validationEngine 自定义验证的使用方法
一: 自定义验证规则(1) 方法1 ,定义验证规则$.validationEngineLanguage.allRules.name = { "regex": /^\w{5,10}$/, "alertText": "* 5到10个字母、数字、下划线" };name就是自定义的验证规则名称原创 2017-04-24 15:58:06 · 10046 阅读 · 2 评论 -
jquery.validationEngine Ajax验证的使用方法
一 : 表单中为元素添加Ajax验证 二:定义AJAX验证相关参数$.validationEngineLanguage.allRules.ajaxNameCall = { "url": "/admin/user/validate", //验证失败时的消息 "alert原创 2017-04-24 12:31:28 · 2423 阅读 · 1 评论 -
input 只允许输入数字
一: onkeypress事件是不允许任何非数字字符 =48&&event.keyCode 二: onkeyup事件是替掉非数字字符为空字符原创 2017-05-14 08:58:59 · 749 阅读 · 0 评论 -
jquery.datatables添加页面跳转的功能
给 jQuery.datatables 添加跳转页面功能1)定义添加页面跳转功能的方法function appendSkipPage() { var table = $("#tableId").dataTable(); var template = $("" + " " + " 跳转页"原创 2017-05-13 17:47:59 · 2387 阅读 · 1 评论 -
ZTree节点单击展开
ZTree 没有提供单击展开节点的功能,所以我们可以利用 onClick 事件回调方法法实现此功能。但是ZTree默认是双击节点展开,为了避免与之冲突,先要把双击事件关闭。设置 setting.view.dblClickExpand = false。 var setting = { view: { dblClickE原创 2017-05-04 21:57:10 · 12893 阅读 · 2 评论 -
jquery取得radio选中的值
附三种方法都可以:$('input:radio:checked').val(); $("input[type='radio']:checked").val();$("input[name='rdname']:checked").val();原创 2017-05-12 16:34:34 · 573 阅读 · 0 评论 -
jQuery-File-Upload 的使用
jQuery-File-Upload是一个jquery下的ajax文件上传插件, 官网:http://blueimp.github.io/jQuery-File-Upload/ , 官方API:https://github.com/blueimp/jQuery-File-Upload/wiki/API下载下来的包东西很多.一般小级别的应用不需要那么多东西。 (一)依赖js:如果原创 2017-04-26 15:42:17 · 2761 阅读 · 0 评论 -
Javascript的script标签中的id属性
首先,和普通的html标签一样,script也是可以作为html元素来处理的,而Dom的节点都是可以有id属性的;其实,script中的id还是有用的,比如如果页面需要加载的JS文件过多,那样最好是写一个JS文件用来加载这些JS文件,比如可做如下参考:[javascript] view plain copyrequire: function(li转载 2017-04-26 16:38:00 · 17093 阅读 · 0 评论 -
KindEditor 设置成只读
//按只读模式创建 var editor = K.create('textarea[name="content"]', { readonlyMode : true }); // 设置成只读状态 K('inp原创 2017-05-22 00:46:17 · 6839 阅读 · 0 评论 -
清空KindEditor编辑器内容
//创建var editor = KindEditor.create("textarea[name='desc']", {....});//清空kindeditor的内容editor.html("");原创 2017-05-22 00:25:05 · 4195 阅读 · 1 评论 -
bootstrapValidator自定义校验
见callback fields: { ... amount:{ validators:{ notEmpty: {message: '发票金额不能为空'}, numeric: {message: '发票金额只能输入数字'}, callback: {原创 2017-05-21 21:00:26 · 2693 阅读 · 1 评论 -
bootstrapValidator通过js手动指定错误提示位置
// 指定错误信息位置 errorPlacement: function (error, element) { if (element.is(':checkbox')) { error.appendTo($("#checkbox-lang")); } else { error.insertAfter(element); } },原创 2017-05-21 14:40:00 · 5724 阅读 · 2 评论 -
Bootstrap和JQuery.validate表单校验
bootstrap表单和jQuery.validate表单校验等一些优秀的类库专为人们解决UI、表单校验问题。下面就是我用bootstrap+jQuery.validate做的界面:bootstrap3基本表单和水平表单基本表单基本的表单结构是 Bootstrap 自带的,下面列出了创建基本表单的步骤:向父元素 添加 role="form"。转载 2017-04-11 17:35:22 · 2312 阅读 · 0 评论 -
bootstrapValidator添加到验证规则到HTML上
添加到验证规则到HTML上 Username <input type="text" class="form-control" name="username" data-bv-message="The username is not valid" required data-bv-no原创 2017-05-21 14:26:02 · 1711 阅读 · 0 评论 -
bootstrapValidator 的隐藏域验证
1. bootstrapValidator默认配置对于“隐藏域(:hidden)、禁用域(:disabled)、不可见域(:not (visible))”是不进行验证的。解决方法:$("form").bootstrapValidator({ //excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValida原创 2017-05-21 13:44:28 · 6133 阅读 · 1 评论 -
jquery使用find,parent,children,next,prev等方法判断取得值是否为空的方法
jquery使用find,parent,children,next,prev等方法返回的是一个DOM 元素集合的 jQuery 对象判断是否取得有效值的方法如下var item = $(source).parents("tr");if (item.length == 0) { return;}长度为0则表示没有查找到符合条件的值原创 2017-05-10 08:39:30 · 3383 阅读 · 0 评论 -
javascript 如何判断 undefined
if (typeof(reValue) == "undefined") { alert("undefined"); } typeof 返回的是字符串,有六种可能:"number"、"string"、"boolean"、"object"、"function"、"undefined"原创 2017-05-09 23:03:59 · 384 阅读 · 0 评论 -
表单验证插件:jQuery Validation Engine
maxErrorsPerField在老版本中,如果我们设置验证规则为:validate[required,minSize[6],maxSize[20],如果什么都没有填,就会出现 3 个提示有木有!如果多个输入框之间的间隔不是很多,会遮住下面的输入框或者提示信息有木有!这个参数是我觉得这次更新最有用的参数,设置为 1 时,就不会出现 3 个提示,而只会出现 1 个提示。$("#fo原创 2017-04-11 18:35:05 · 1112 阅读 · 0 评论 -
让radio、select、checkbox 具有类似readonly 属性效果
编辑记录的时候,有时候需要禁止用户修改某些项目,常用的方法有以下两种:1》设置表单的readonly属性问题:但是readonly属性对radio、select、checkbox这三个表单不起什么作用2》设置表单的disabled属性问题:设置了disabled属性后,后台读取不到数据 办法:1、设置disabled属性,并把表单值存入hidden隐藏域中2、使转载 2017-05-03 13:03:50 · 2531 阅读 · 0 评论 -
jquery ajax 请求详解
API见例子 $.ajax({ //请求类型 POST GET type:"POST", //提交的网址 url:"login.jsp", //提交的数据 data:{username:"admin",password:"123456"}, //返回数据的格式,"xml", "html", "script", "json", "jsonp原创 2017-05-11 12:09:43 · 1599 阅读 · 0 评论 -
JQuery中serialize()用法实例分析
本文实例讲述了JQuery中serialize()用法。分享给大家供大家参考。具体分析如下:一、serialize()定义和用法:serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 U转载 2017-03-26 04:48:32 · 764 阅读 · 0 评论 -
DataTable初始化参数的详细说明
DataTables是一个可高度配置化的类库,可以在生成HTML tables过程中的所有方面实现定制。所有特性可以通过打开、关闭或者定制来满足你对表格所有的要求。 定制要先定义一个options,然后传入$().DataTable()构造函数,通过定制options的内容来实现定制。 - 例如下面的代码 scrollY和 paging 选项用来允许滚动和禁止分页: $('#myTa原创 2017-03-25 11:52:13 · 21229 阅读 · 0 评论 -
Javascript 获取当前JS文件路径
1.原生Javascript获取当前JS文件路径var file, scripts = document.getElementsByTagName("script"); file = scripts[scripts.length - 1].getAttribute("src");2. 在jQuery中获取当前JS文件路径$("script").last().attr("src");原创 2017-03-31 09:09:46 · 30326 阅读 · 0 评论 -
CSS与JS中的相对路径引用
javascript和css文件中采用相对路径,其基准路径是完全不同的,下面为大家介绍下CSS与JS中的相对路径引用。1.javascript引用资源(比如图片)相对路径是以宿主路径(被引用的网页比如你在首页index.php引用了某js文件,则index.php即为宿主)所处位置为基准。 2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准! 大家在html中转载 2017-03-31 08:54:49 · 1524 阅读 · 0 评论 -
JQuery获取节点的html代码
一:jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码。二:然而我们有时候确需要包含当前节点的html代码。有的人通过parent().html(),如果当前元素没有兄弟元素还行,如果有那就行不通了。下面这个jQuery的方法可以解决,而且非常简便,如下:jQuery.prop("outerHTML");hello,你好!$(".te原创 2017-03-31 02:29:03 · 5132 阅读 · 0 评论 -
jQuery slideToggle() 方法
slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。语法$(selector).slideToggle(speed,callback)参数描述speed可选。规定元素从隐藏到可见的速度(或者相反)。默认为 "normal"原创 2017-03-29 01:20:07 · 833 阅读 · 0 评论 -
DataTables 修改head排序样式
dataTables自带的排序图标特别丑,而且第一行设置为不排序,但是第一个总显示sorting图标,点击一次才会消失。于是想解决这两个问题。一:修改样式,解决排序图标的问题使用的是dataTables.bootstrap的样式,做如下修改table.dataTable thead .sorting:after { opacity: 0.2; c原创 2017-03-26 18:45:31 · 7569 阅读 · 0 评论 -
jQuery布局插件UI Layout简介及使用方法
UI Layout是一种基于jQuery的布局框架,项目主页http://layout.jquery-dev.net/。该框架的参考原型是ExtJS的border-layout,因此十分适用于将原有使用ExtJS的项目改造成jQuery项目。其核心是一个大小自适应的中心面板(必选),面板的上下左右四个方向可以放置可折叠、可缩放的面板(可选),各个面板可以添加任意数量的页眉和页脚面板。UI Layo原创 2017-03-23 17:07:47 · 36814 阅读 · 3 评论 -
jquery datatables 一些有用的用法
var table = $('.table').dataTable(...)(一) 获得当前显示的起始记录table.api().settings()[0]._iDisplayStart(二)获得每页显示的记录数table.api().settings()[0]._iDisplayLength(三)获取当前的排序信息var orders = ta原创 2016-03-09 23:41:47 · 352 阅读 · 0 评论 -
checkbox 的用法
if($('#checkbox-id').is(':checked')) { // do something}原创 2016-03-10 15:30:14 · 575 阅读 · 0 评论 -
禁用HTML5自带的表单验证功能
添加novalidate关键字 ...原创 2017-04-11 18:31:51 · 679 阅读 · 0 评论 -
Web日程管理FullCalendar
FullCalendar是一款jQuery日程管理控件,官网下载地址http://fullcalendar.io/download,目前最新版本是3.3.1原创 2017-04-09 18:22:37 · 2131 阅读 · 0 评论 -
jquery each 遍历
在jquery中,遍历对象和数组经常会用each$.each("input"],function(i,n){ alert("索引:"+i+"对应值为:"+n.name);});参数i为遍历索引值,n为当前的遍历对象.原创 2017-05-10 22:44:15 · 238 阅读 · 0 评论 -
js获取url及url参数的方法
function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) { return decodeURIComponent(r原创 2017-05-03 00:02:57 · 317 阅读 · 0 评论 -
使用jQuery Autocomplete(自动完成)插件
jQuery 的Autocomplete(自动完成、自动填充)插件有不少,但比较下来我感觉,还是bassistance.de 的比较强大,我们就来写一些代码感受一下。最简单的Autocomplete(自动完成)代码片段123456789script type="text/javascript">var websites = [ "G转载 2017-04-16 12:17:13 · 834 阅读 · 0 评论 -
jquery 回车事件
JQuery回车键的keyCode值是13简单地记下jquery实现回车事件,代码如下:(1)全局:$(window).keydown( function(event){ if(event.keyCode==13) { alert("你按下的是回车键"); }}); (2)某个控件:$('#id').keydown(funct原创 2017-04-16 11:54:26 · 636 阅读 · 0 评论