//全选 全不选
//全选 全不选
$(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 : "该港口名称已存在"
}
}
});
});
分享到:
相关推荐
这些都是较常用的方法,get和post用法一样。第一个参数是异步请求的url,第二个为参数,第三个回调方法。 (4)的方法会在指定的Dom对象上绑定响应ajax执行的事件。 (5)同步加载数据。发送请求时锁住浏览器。需要...
example-jquery-shim, 通过shim配置使用jQuery和jQuery插件的示例项目 在 shim 配置中使用jQuery和 require.js的示例。本示例显示一种用 require.js. jQuery本身寄存器加载jQuery和jQuery插件的方法,可以以轻松加载...
jquery tree插件 运用方法
一个非常轻,简洁易用的jQuery导航定位插件 - jQuery.nav 附件提供了一个横向、一个竖向的导航定位功能demo,当你点击对应的导航,页面会垂直滑动到对应位置,效果看起来很舒服 其实原理只有一个,这里简要...
这里提供最基础的jquery插件编辑方法,为jquery插件学习者提供帮助。
自己写的拖拽插件,有兴趣的同学可以看一看
jQuery 插件使客户端表单验证变得容易,同时仍然提供了大量的自定义选项。...该插件捆绑了一组有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个 API 来编写您自己的方法。 已修复CVE-2021-21252漏洞
jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...
jquery 插件开发详解通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建
本人制作的jquery表单验证插件JfomValidate 功能:可以完成绝大数页面的脚本验证效果,压缩包里有示例和调用说明。 压缩包包含文件: index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...
上千个Jquery常用插件,上千个常用的Jquery常用插件,相同的功能不同的实现方法,根据自己的需求进行选择
此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。 原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改...
JQuery信息提示框插件 jquery.toast.js 的使用,有详细的注释,可以直接使用
jQuery.print打印插件 使用方法: https://mp.csdn.net/mp_blog/creation/editor/131854736
jQuery插件开发全解析 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery 的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件...
目前唯一一本专门讲解Jquery开发的图书,也介绍了很多已经存在的插件的使用方法,该书是刚刚发行,第一手英文资料,BS开放者不可或缺的一本分床头资料。
*插件名:表格(table)优化器 *功能对照表: * 名称 参数 参数描叙 方法描叙 类型 ====>数据加载 * loadData dataSource, 数据源 数据加载JSON或者Array 功能 isTh 是否包含TH文件头 ====>数据...
资源名:jQuery图片批量上传插件源码 资源类型:程序源代码 源码说明:实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中且上传的图片不会重复上传,且不能移除 使用方法 界面顶部引入IMGUP....
jquery 低版本兼容插件,对于升级为高版本的jquery 1.9 以上版本可以引用 此js对之前的方法进行兼容处理
要让Dreamweaver支持jQuery自动提示代码功能,方法很简单,下载一个插件—jQuery_API.mxp。 在Dreamweaver里依次选择“命令” -> “扩展管理” -> “安装扩展” -> …,就会自动安装了。 成功后重启Dreamweaver,就...