实现对报表中input文本框用js或者jquery验证-JavaSript-爱易网页

实现对报表中input文本框用js或者jquery验证

日期：2014-05-16　浏览次数：20381 次

实现对表格中input文本框用js或者jquery验证
1.大概的意思我有个项目类似这种表格  但是我想实现一个验证就是  当点击提交表单的时候
  比如就有一行 tr 先验证一下tr里面的input文本框里面是否有值  如果没有要求输入值
  如果点击增加有多行tr的时候  要怎么循环进行一个验证保证让所有的input框都不为空啊

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

<script type="text/javascript"> 

 $(document).ready(function(){



        $("#tab tr").attr("align","center");

        

        $("#but").click(function(){

            var _len = $("#tab tr").length;        

            $("#tab").append("<tr id="+_len+" align='center'>"

                                +"<td>"+_len+"</td>"

                                +"<td><input type='text' name='desc"+_len+"' id='Dynamic"+_len+"' /></td>"

                                +"<td><input type='text' name='desc"+_len+"' id='desc"+_len+"' /></td>"

                                +"<td><a href=\'#\' onclick=\'deltr("+_len+")\'>删除</a></td>"

                            +"</tr>");            

        })   

		

		 

    })

</script> 

</head>



<body>

<table id="tab" border="1" width="60%" align="center" style="margin-top:20px">

    <tr>

        <td width="20%">序号</td>

        <td>标题</td>

        <td>描述</td>

        <td>操作</td>

   </tr>

</table>

<div style="border:2px;border-color:#00CC00;margin-left:20%;margin-top:20px"><input type="button" id="but" value="增加"/></div>



<div style="border:2px;border-color:#00CC00;margin-left:20%;margin-top:20px"><input type="subm

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

实现对报表中input文本框用js或者jquery验证

相关资料更多>

推荐阅读更多>