文档章节

巧用jquery实现提交(submit)表单时候验证文本框是否为空

Carl_
 Carl_
发布于 2015/11/30 09:49
字数 175
阅读 75
收藏 2
先引用jquery

Html部分---------------------------------

<form>

<table>

<tr>
    <td align="center"><input id="t1" type="text" size="5" msg="姓名" /> </td>
    <td align="center"><input id="t2" type="text" size="5" msg="性别" /></td>
    <td align="center"><input id="t3" type="text" size="5" msg="年龄" /></td>
    <td align="center"><input id="t4" type="text" size="5" msg="地址" /></td>
    <td align="center"><input id="t5" type="text" size="5" msg="邮箱" /></td>
    <td align="center"><input id="t6" type="text" size="5" msg="省份" /></td>

  </tr>

 <tr>
    <td align="center"><input type="submit"  onclick="return checkNull()" /></td>

  </tr>

</table>

<form>

js部分------------------------

<script type="text/javascript">
function checkNull()
{
     var num=0;
     var str="";
     $("input[type$='text']").each(function(n){
          if($(this).val()=="")
          {
               num++;
               str+="?"+$(this).attr("msg")+"不能为空!\r\n";
          }
     });
     if(num>0)
     {
          alert(str);
          return false;
     }
     else
     {
          return true;
     }
}

</script>


本文转载自:http://www.cnblogs.com/wifi/articles/2387131.html

共有 人打赏支持
Carl_
粉丝 40
博文 387
码字总数 12168
作品 0
广州
私信 提问
简单好用的表单校验插件——jQuery Validate基本使用方法总结

jquery validate当前最新版本是1.17.0,下载链接是:https://github.com/jquery-validation/jquery-validation/releases/tag/1.17.0 1.基本用法 从字面就知道既然是jquery的插件,首先得引入...

Gaia_bing
07/20
0
0
jQuery ajax - serialize()方法以及常见问题

使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作! jQuery ajax - serialize() 方法定义和用法 serialize() 方法通过序列化表...

freedonn
2014/05/10
0
0
自定义jQuery插件Step by Step

自定义jQuery插件Step by Step 1.1.1 摘要 随着前端和后端技术的分离,各大互联网公司对于Mobile First理念都是趋之若鹜的,为了解决网页在不同移动设备上的显示效果,其中一个解决方案就是R...

wolf_su
2013/07/04
0
0
html form中回车事件

转载:http://hi.baidu.com/yangzelai/blog/item/df21393aff7b85feb211c7a0.html html form中回车事件 我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不...

长平狐
2012/11/28
2.8K
0
JQUERY EASYUI 验证框(VALIDATEBOX)用法

JQuery EasyUI 验证框(ValidateBox)在表单的验证方面给我们提供了很方便的方法 <input id="vv" required="true" validType="email"> 属性 属性名 类型 描述 默认值 required 布尔 定义文本域...

Amamatthew
2014/09/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

jquery通过id显示隐藏

var $div3 = $('#div3'); 显示 $div3.show(); 隐藏 $div3.hide();

yan_liu
46分钟前
1
0
《乱世佳人》读书笔记及相关感悟3900字

《乱世佳人》读书笔记及相关感悟3900字: 之前一直听「荔枝」,后来不知怎的转向了「喜马拉雅」,一听就是三年。上班的时候听房产,买房了以后听装修,兴之所至时听旅行,分手后听亲密关系,...

原创小博客
49分钟前
1
0
大数据教程(9.6)map端join实现

上一篇文章讲了mapreduce配合实现join,本节博主将讲述在map端的join实现; 一、需求 实现两个“表”的join操作,其中一个表数据量小,一个表很大,这种场景在实际中非常常见,比如“订单日志...

em_aaron
今天
1
0
cookie与session详解

session与cookie是什么? session与cookie属于一种会话控制技术.常用在身份识别,登录验证,数据传输等.举个例子,就像我们去超市买东西结账的时候,我们要拿出我们的会员卡才会获取优惠.这时...

士兵7
今天
1
0
十万个为什么之为什么大家都说dubbo

Dubbo是什么? 使用背景 dubbo为什么这么流行, 为什么大家都这么喜欢用dubbo; 通过了解分布式开发了解到, 为适应访问量暴增,业务拆分后, 子应用部署在多台服务器上,而多台服务器通过可以通过d...

尾生
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部