`
dengwenwei121
  • 浏览: 36735 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
文章分类
社区版块
存档分类
最新评论

jquery项目中常用的方法和jquery插件

 
阅读更多


//全选 全不选

 //全选 全不选
$(document).ready(function () {
     $("#checkedAll").click(function () {
     if ($(this).attr("checked")) { // 全选
         $("input[name='zydName']").each(function () {
             $(this).attr("checked", true);
         });
     }else { // 取消全选
         $("input[name='zydName']").each(function () {
             $(this).attr("checked", false);
         });
     }
     });
 });
jquery获取复选框的值:

function jqchk(){  //jquery获取复选框值
	  var s='';
	  $('input[name="zydName"]:checked').each(function(){
	    s+=$(this).val()+',';
	  }); 
	  if(s.length>0)
	   {
		  s=s.substring(0,s.length-1);
		  location.href="$!webPath/usercenter/show/res/downAll.htm?ids="+s+"";
	   }
	  else
	  {
		  alert("请选中需要下载的资源单!");
	  }
 }

属性当前页面:

//刷新页面
      function  shuaxin()
      {
          window.location.reload(); 
      }

//上传验证
$(document).ready(function(){
        $(":submit[id=save]").click(function(check){
            var val = $(":file[id=file]").val();
            if(val==""){
                alert("不能上传空的文件!");
                $(":file[id=file]").focus();
                check.preventDefault();//此处阻止提交表单
            }else{
               var valtype=val.substring(val.length-3,val.length);
                valtype=valtype.toLowerCase();
                if(valtype!="xls")
                {
                    alert("只能上传xls文件");
                    $(":file[id=file]").focus();
                    check.preventDefault();//此处阻止提交表单
                }
            }
        });
    });
post请求:

	     jQuery.post("$!webPath/tdatamtl/price_validate.htm",
							{"dt" : dt,
			    	         "producer":producer,
			    	         "falgs":"coke"
			    	         },
							function(data) {
						      if(data == "true"){
							  alert("根据日期、分类、品种、产地查了一下,这个数据已经存在了!");
						    }else {
						   $("#theFrom").submit();
						}
					}, "text");

ligerui弹出窗口:

<pre name="code" class="javascript"><script src="jquery-1.6.2.js"></script>
<link href="ligerui-all.css" rel="stylesheet" type="text/css" /><link href="ligerui-form.css" rel="stylesheet" type="text/css" /><link href="ligerui-icons.css" rel="stylesheet" type="text/css" /><script src="base.js" type="text/javascript"></script><script src="ligerForm.js" type="text/javascript"></script><script src="ligerDialog.js" type="text/javascript"></script>


addDatesDialog = $.ligerDialog.open({
url :"$!webPath/tdatamtl/category_Addskip.htm?falg="+falg+"&categoryId="+categoryId+"",
title : titles,
height : 500,
width : 600,
isResize : false
});


日期控件:


<pre name="code" class="javascript"><pre name="code" class="javascript"><script src="jquery-1.6.2.js"></script>
<script language="JavaScript" type="text/javascript" src="WdatePicker.js"></script>


<span class="webname"> <input style="width: 100px;" value="$!beginTime" type="text" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" readonly="readonly" name="beginTime" id="beginTime"/>- <input style="width: 100px;" value="$!endTime" type="text" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
 readonly="readonly" name="endTime" id="endTime"/> </span>


表单验证控件:

<script src="jquery-1.6.2.js"></script>
<script src="jquery.validate.min.js"></script>
<pre name="code" class="javascript">jQuery(document).ready(function(){
	    var portNames="$!obj.portName";
		 function DataLength(fData)
			{
			    var intLength=0;
			    for (var i=0;i<fData.length;i++)
			    {
			        if ((fData.charCodeAt(i) < 0) || (fData.charCodeAt(i) > 255))
			            intLength=intLength+2
			        else
			            intLength=intLength+1
			    }
			    return intLength;
			}
			$.validator.addMethod("ValueMaxlength", function (value, element, param) {
			    if(DataLength(value) > param){
			        return false;
			    }
			    return true;
			},"不能大于{0}个字符"); 
		jQuery("#theFrom").validate({
			rules:{
				portName:{
					required :true,
					ValueMaxlength : 80,
					remote : {
						url : "$!webPath/tdatamtl/port_validate.htm",
						type : "post",
						dataType : "json",
						data : {
							"portName" : function() {
								return jQuery("#portName").val();
							},
							"portNames" : function() {
								return portNames;
							}
							}
						}
				}
			},
			messages:{
				portName:{
					required:"港口名称不能为空!",
				    maxlength : jQuery.format("不能大于{0}个字符"),
					remote : "该港口名称已存在"
					}
			     }
		});
	});






分享到:
评论

相关推荐

    jquery插件使用方法大全

    这些都是较常用的方法,get和post用法一样。第一个参数是异步请求的url,第二个为参数,第三个回调方法。 (4)的方法会在指定的Dom对象上绑定响应ajax执行的事件。 (5)同步加载数据。发送请求时锁住浏览器。需要...

    example-jquery-shim, 通过shim配置使用jQuery和jQuery插件的示例项目.zip

    example-jquery-shim, 通过shim配置使用jQuery和jQuery插件的示例项目 在 shim 配置中使用jQuery和 require.js的示例。本示例显示一种用 require.js. jQuery本身寄存器加载jQuery和jQuery插件的方法,可以以轻松加载...

    jquery tree插件 运用方法

    jquery tree插件 运用方法

    jQuery页面定位导航滚动插件jquery.nav

    一个非常轻,简洁易用的jQuery导航定位插件 - jQuery.nav 附件提供了一个横向、一个竖向的导航定位功能demo,当你点击对应的导航,页面会垂直滑动到对应位置,效果看起来很舒服 其实原理只有一个,这里简要...

    jquery插件编写指南

    这里提供最基础的jquery插件编辑方法,为jquery插件学习者提供帮助。

    jquery拖拽插件源码

    自己写的拖拽插件,有兴趣的同学可以看一看

    jQuery Validation Plugin1.19.5(jQuery验证插件最新)

    jQuery 插件使客户端表单验证变得容易,同时仍然提供了大量的自定义选项。...该插件捆绑了一组有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个 API 来编写您自己的方法。 已修复CVE-2021-21252漏洞

    jQuery Validation表单验证插件实例打包.rar

    jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...

    jquery 插件开发

    jquery 插件开发详解通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建

    【原创】jquery表单验证插件

    本人制作的jquery表单验证插件JfomValidate 功能:可以完成绝大数页面的脚本验证效果,压缩包里有示例和调用说明。 压缩包包含文件: index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...

    上千个Jquery常用插件

    上千个Jquery常用插件,上千个常用的Jquery常用插件,相同的功能不同的实现方法,根据自己的需求进行选择

    jQuery Pagination分页插件

    此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。 原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改...

    JQuery信息提示框插件 jquery.toast.js 的使用

    JQuery信息提示框插件 jquery.toast.js 的使用,有详细的注释,可以直接使用

    jQuery.print打印插件

    jQuery.print打印插件 使用方法: https://mp.csdn.net/mp_blog/creation/editor/131854736

    jQuery插件库

    jQuery插件开发全解析 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery 的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件...

    Jquery插件最新开发电子书

    目前唯一一本专门讲解Jquery开发的图书,也介绍了很多已经存在的插件的使用方法,该书是刚刚发行,第一手英文资料,BS开放者不可或缺的一本分床头资料。

    Jquery插件-table

    *插件名:表格(table)优化器 *功能对照表: * 名称 参数 参数描叙 方法描叙 类型 ====&gt;数据加载 * loadData dataSource, 数据源 数据加载JSON或者Array 功能 isTh 是否包含TH文件头 ====&gt;数据...

    jQuery图片批量上传插件源码

    资源名:jQuery图片批量上传插件源码 资源类型:程序源代码 源码说明:实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中且上传的图片不会重复上传,且不能移除 使用方法 界面顶部引入IMGUP....

    jquery 低版本兼容插件

    jquery 低版本兼容插件,对于升级为高版本的jquery 1.9 以上版本可以引用 此js对之前的方法进行兼容处理

    jQuery插件jquery api.mxp cs3及 jquery api.mxp cs4

    要让Dreamweaver支持jQuery自动提示代码功能,方法很简单,下载一个插件—jQuery_API.mxp。 在Dreamweaver里依次选择“命令” -&gt; “扩展管理” -&gt; “安装扩展” -&gt; …,就会自动安装了。 成功后重启Dreamweaver,就...

Global site tag (gtag.js) - Google Analytics