jquery项目中常用的方法和jquery插件
2014-11-20 09:50
295 查看
//全选 全不选
属性当前页面:
ligerui弹出窗口:
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
});
日期控件:
<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>
表单验证控件:
//全选 全不选 $(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项目中一些比较常用的简单方法
- jquery autocomplete 自动完成插件及插件常用属性及项目案例
- jQuery中常用的选择器、方法、插件的总结
- jquery自定义插件的常用方法
- Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解 JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写
- jquery项目中一些比较常用的简单方法
- Jquery的validate,清除form方法,显示密插件,正则特殊字符处理,js的call用法,ajax,h5支持情况,elclipse tomcate去掉项目名,js 的原型
- jquery 插件 validate 的常用方法
- JQuery 常用方法基础教程
- .NET 2.0项目常用错误的解决方法
- jquery 常用方法及说明
- jquery插件开发方法
- jQuery中一些不常用的方法属性
- JQUERY 常用方法大全
- jQuery常用方法
- JQUERY 常用方法大全
- 测试JQuery中常用的取值方法 包含(input areatext select checkbox radio )
- jquery 常用方法归纳
- 项目开发中常用JS表单取值方法
- 项目开发中常用JS表单取值方法