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属性。
相关推荐
-
jQuery验证元素是否为空的两种常用方法
本文实例讲述了jQuery验证元素是否为空的两种常用方法.分享给大家供大家参考.具体如下: 下面提供了两种方法用于检查指定id的元素的内容是否为空 // 方法一 if (!$('#jb51').html()) { //http://www.jb51.net 什么都没有找到; } // 方法二 if ($('#jb51').is(":empty")) { //http://www.jb51.net 什么都没有找到; } 希望本文所述对大家的jQuery程序设计有所帮助.
-
jQuery 删除或是清空某个HTML元素示例
jQuery使用下面两个方法来删除或是清空某个HTML元素. remove() – 删除指定的元素(包括其子元素) empty() – 清空指定元素的子元素 例如: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js&q
-
Jquery插件实现点击获取验证码后60秒内禁止重新获取
通过jquery.cookie.js插件可以快速实现"点击获取验证码后60秒内禁止重新获取(防刷新)"的功能 效果图: 先到官网(http://plugins.jquery.com/cookie/)下载cookie插件,放到相应文件夹,代码如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv=&qu
-
JQuery 简便实现页面元素数据验证功能
ASP.NET提供了丰富的数据验证控件,但这个验证功能都必须运用在服务器控件中:在复合验证数据时使用也不是很方便(虽然拖放控件很方便,但拖放数增多和设置相关属性就变得很麻烦的事情).为了更方便灵活地实现验证功能,于是采用了JQuery编写了一个简单验证组件,在使用时只需要简单的描述一下验证规则,并不需要写一句JavaScript就可以实现具备ASP.NET验证控件的功能(当然页面要引入相关JavaScript文件). 功能目标 通过简单的自定义属性值描述具体的验证功能,当Form提
-
jquery使用正则表达式验证email地址的方法
本文实例讲述了jquery使用正则表达式验证email地址的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>jquery使用正则表达式验证email地址</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type=&qu
-
jquery无刷新验证邮箱地址实现实例
今天在开发的时候.需要在一个用户验证邮箱.但是使用了传统的js无刷新需要清空浏览器缓存后才能正常的验证所以自己就去用jquery 去写一个了无刷新验证 看看 复制代码 代码如下: <script type="text/javascript">var ee;function mailbox(strEmail){var name=document.blooger[0].email.value;$.ajax({ type: "get", url: "
-
基于jQuery实现表单提交验证
html表单代码: 复制代码 代码如下: <form method="post" action=""> <div class="int"> <label for="username">用户名:</label> <input type="text" id="username" cla
-
jquery 提交值不为空的元素示例代码
jquery 提交值不为空的元素 可以用来查询的时候用 具体代码: 复制代码 代码如下: //在执行查询的时候,如果表单的字段为空 就不进行提交 $("#form1").submit(function(){ try { $(this).find("*").each(function(){ var elem = $(this); if (elem.prop("name") != null&&elem.prop("name&
-
Jquery动态添加及删除页面节点元素示例代码
通常我们会遇到选中某个条件,然后添加,累计多个后,再进行执行. 废话不多说,直接上代码! 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Jquery动态添加及删除页面节点</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js&quo
-
jQuery获取当前点击的对象元素(实现代码)
jQuery获取当前点击的对象元素(实现代码) <script type="text/javascript" src="script/jquery-1.8.3.js"></script> </head> <body> <p>段落1</p> <p>段落2</p> <p>段落3</p> <p>段落4</p> <p>段
-
jquery序列化表单去除指定元素示例代码
复制代码 代码如下: <html> <head> </head> <body> <form name="form1"> <input type="hidden" name="page1" class="flau_u_ro" value="1"></input> <input type="hidden"
-
jQuery autocomplate 自扩展插件、自动完成示例代码
复制代码 代码如下: 不过做了浏览器方面的兼容,经测试兼容IE6+.Firefox3.5+ 首先看看autocomplate.js: ;(function ($) { var index = -1; var timeId; var cssOptions = { "border": "1px solid black", "background-color": "white", "position": &quo
-
jquery获取子节点和父节点的示例代码
一.获取子节点 比如是一个 id 为 test 的 div元素,我们这样选中,$('#test'),我们要查找这个div下的一个class为demo的span元素,有一下几种方法 1.使用筛选条件 $('#test span.demo') 2.使用find()函数 $('#test').find('span.demo') 3.使用children()函数 $('#test').children('span.demo') 二.获取父节点 jquery获取父元素方法比较多,比如parent(),pa
-
jQuery切换网页皮肤并保存到Cookie示例代码
以下是源代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>j
-
jQuery中使用Ajax获取JSON格式数据示例代码
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSONM文件中包含了关于"名称"和"值"的信息.有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现. 下面就使用jQuery读取music.txt文件中的JSON数据格式信息. 首先,music.txt中的内容如下: 复制代码 代码如下: [ {"optionKey":"1"
-
jquery动态加载select下拉框示例代码
如题,直接上代码,实战学习. 复制代码 代码如下: <head><title>jquery实现动态加载select下拉选项</title> <script type="text/javascript"> function init(){ makemoduleSelect(); } //加载模板下拉框选项 function makemoduleSelect(){ $.ajax({ url : 'indexStatisticsAction_g
-
jquery验证手机号码、邮箱格式是否正确示例代码
复制代码 代码如下: //jquery验证邮箱 function checkSubmitEmail() { if ($("#email").val() == "") { //$("#confirmMsg").html("<font color='red'>邮箱地址不能为空!</font>"); alert("邮箱不能为空!") $("#email").focus(
随机推荐
- oracle 创建表空间详细介绍
- MongoDB快速入门笔记(二)之MongoDB的概念及简单操作
- Java全面解析XML格式串(JDOM解析)
- oracle跨库查询dblink的用法实例详解
- 计算机二级考试java软件操作教程 教大家如何学习java
- 浅析JavaScript中两种类型的全局对象/函数
- js实现div闪烁原理及实现代码
- div+css布局入门
- jQuery之字体大小的设置方法
- jQuery为iframe的body添加click事件的实现代码
- jQuery实现模拟flash头像裁切上传功能示例
- 教你用Python脚本快速为iOS10生成图标和截屏
- java中LinkedBlockingQueue与ArrayBlockingQueue的异同
- PHP 第一节 php简介
- CISCO AUX BACK-TO-BACK 实例
- Java代码实现对properties文件有序的读写的示例
- 完美解决axios跨域请求出错的问题
- 一文带你了解Python中的字符串是什么
- centos7系统下python2与python3共存
- Unity3D在Preview中打印日志的方法