当前位置:首页 > 编程教程 > jQuery技术文章 > jquery 提交值不为空的元素示例代码

详解jquery提交值不为空的元素

  • 发布时间:
  • 作者:码农之家
  • 点击:111

这篇文章主要知识点是关于jquery、提交值、不为空、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

JavaScript和jQuery实战手册
  • 类型:JavaScript大小:103 MB格式:PDF作者:大卫·索耶·麦克法兰德
立即下载

jquery 提交值不为空的元素示例代码

jquery 提交值不为空的元素
可以用来查询的时候用
具体代码
 

//在执行查询的时候,如果表单的字段为空 就不进行提交
$("#form1").submit(function(){
try {
$(this).find("*").each(function(){
var elem = $(this);
if (elem.prop("name") != null&&elem.prop("name") != "") {
if(elem.val()==""){
elem.removeAttr("name");
}
}
});
}catch(e){
alert(e);
}
return true;
});

注意要返回个只,form的submit方法 取bool值,如果不默认返回一个,那么就是void
原理:表单提交的时候 ,是根据元素的name这个属性来的,只要不加name属性 就不会提交。
第一步查找所有元素 即*,然后判断name属性不为null 或者不为空
取到元素之后,然后取值 为空 就移除name属性。

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

jQuery 相关电子书
学习笔记
网友NO.567449

jQuery实现的表格前端排序功能示例

本文实例讲述了jQuery实现的表格前端排序功能。分享给大家供大家参考,具体如下: 表格前端按列排序 依赖jQuery(本例使用jQuery-1.8.2) 1.初始化方法 (function($){ //插件 $.extend($,{ //命名空间 sortTable:{ sort:function(tableId,Idx){ var table = document.getElementById(tableId); var tbody = table.tBodies[0]; var tr = tbody.rows; var trValue = new Array(); for (var i=0; itr.length; i++ ) { trValue[i] = tr[i]; //将表格中各行的信息存储在新建的数组中 } if (tbody.sortCol == Idx) { trValue.reverse(); //如果该列已经进行排序过了,则直接对其反序排列 } else { trValue.sort(function(tr1, tr2){ var value1 = tr1.cells[Idx].innerText; //列 var value2 = tr2.cells[Idx].innerText; //第二列 value1 = value1.replace("%",""); //把有%的取消掉 value1=value1.trim(); //去空格 console.log(typeof(value1)); if(isNaN(value1)){ var index1 = value1.indexOf("分"); var index2 = value2.indexOf("分"); if(index10){ va……

网友NO.475605

jQuery+HTML5美女瀑布流布局实现方法

本文实例讲述了jQuery+HTML5美女瀑布流布局实现方法。分享给大家供大家参考。具体如下: 这是一款JavaScript与HTML5实现美女瀑布流布局,本方法是把图片的路径写在了JS的数组里,不过重点好像不是在这里,而是在图片如何自动排列的问题,你可以运行本实例后,点击“加载瀑布流布局”按钮,即可看到图片的瀑布流排列效果,现在很流行这个,希望您从本代码中能找到一些灵感。 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-html5-mn-pb-style-codes/ 具体代码如下: !DOCTYPE HTMLhtmlheadtitle美女瀑布流/titlestyle type="text/css"*{margin:0;padding:0}div.section{overflow:hidden}div.aside{width:225px;float:left;display:inline}div.aside div.content{margin:5px;background:#666}div.aside div.content img{width:205px;margin:5px;}div.aside div.content div.imgcaption{margin:0 5px;line-height:20px}/style/headbodydiv class="sec……

网友NO.570122

jQuery遮罩层代码分享

本文实例为大家分享了jQuery遮罩层展示的具体代码,供大家参考,具体内容如下 1.1 背景半透明遮罩层样式 需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式: /* 半透明的遮罩层 */#overlay { background: #000; filter: alpha(opacity=50); /* IE的透明度 */ opacity: 0.5; /* 透明度 */ display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; /* 此处的图层要大于页面 */ display:none;} 1.2 jQuery实现遮罩 /* 显示遮罩层 */function showOverlay() { $(#overlay).height(pageHeight()); $(#overlay).width(pageWidth()); // fadeTo第一个参数为速度,第二个为透明度 // 多重方式控制透明度,保证兼容性,但也带来修改麻烦的问题 $(#overlay).fadeTo(200, 0.5);}/* 隐藏覆盖层 */function hideOverlay() { $(#overlay).fadeOut(200);}/* 当前页面高度 */function pageHeight() { return document.body.scr……

<
1
>

Copyright 2018-2020 www.xz577.com 码农之家

版权投诉 / 书籍推广 / 赞助:520161757@qq.com