文档章节

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

Carl_
 Carl_
发布于 2015/11/30 09:49
字数 175
阅读 73
收藏 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
jQuery对表单、表格的操作及更多的应用

jQuery对表单、表格的操作及更多的应用 1 表单应用 一个表单有3个基本组成部分。 (1) 表单标签:包含处理表单数据所用的服务器端应用程序URL以及数据提交到服务器的方法 (2) 表单域:包含文本...

zhangda89
2011/10/07
0
0
JQUERY EASYUI 验证框(VALIDATEBOX)用法

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

Amamatthew
2014/09/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

sourcetree 离线免注册登录安装教程

Sourcetree是一个优秀的git可视化管理工具,深受开发者喜爱Sourcetree官网,但是在安装时需要谷歌账户登录,需要翻qiang才可以,此一点一直被人们所诟病。今天本教程就为大家提供离线免登陆安...

QQZZFT
11分钟前
0
0
使用 PostgreSQL 解决一个实际的统计分析问题

使用 PostgreSQL 解决一个实际的统计分析问题作者:老农民(刘启华)Email: 46715422@qq.com 之前有个朋友扔给我一个奇葩需求,他们公司之前做了一批问卷调查,全部都是统一格式的excel...

新疆老农民
14分钟前
0
0
TypeScript基础入门之高级类型的映射类型

转发 TypeScript基础入门之高级类型的映射类型 高级类型 映射类型 一个常见的任务是将一个已知的类型每个属性都变为可选的: interface PersonPartial {    name?: string;    age?...

durban
29分钟前
0
0
Dubbo源码分析(6):Dubbo内核实现之基于SPI思想Dubbo内核实现

SPI接口定义 定义了@SPI注解 package com.alibaba.dubbo.common.extension; import java.lang.annotation.Documented;import java.lang.annotation.ElementType;import java.lang.an......

郑加威
30分钟前
0
0
RxJS的另外四种实现方式(后记)—— 同时实现管道和链式编程

目录 RxJS的另外四种实现方式(序) RxJS的另外四种实现方式(一)——代码最小的库 RxJS的另外四种实现方式(二)——代码最小的库(续) RxJS的另外四种实现方式(三)——性能最高的库 Rx...

一个灰
33分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部