25
2018
04

JQuery实现提交(submit)表单时候验证所有文本框input是否为空

  1. 先引用jquery  

  2.   

  3. Html部分---------------------------------  

  4.   

  5. <form>  

  6.   

  7. <table>  

  8.   

  9. <tr>  

  10.     <td align="center"><input id="t1" type="text" size="5" msg="姓名" /> </td>  

  11.     <td align="center"><input id="t2" type="text" size="5" msg="性别" /></td>  

  12.     <td align="center"><input id="t3" type="text" size="5" msg="年龄" /></td>  

  13.     <td align="center"><input id="t4" type="text" size="5" msg="地址" /></td>  

  14.     <td align="center"><input id="t5" type="text" size="5" msg="邮箱" /></td>  

  15.     <td align="center"><input id="t6" type="text" size="5" msg="省份" /></td>  

  16.   

  17.   </tr>  

  18.   

  19.  <tr>  

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

  21.   

  22.   </tr>  

  23.   

  24. </table>  

  25.   

  26. <form>  

  27.   

  28. js部分------------------------  

  29.   

  30. <script type="text/javascript">  

  31. function checkNull()  

  32. {  

  33.      var num=0;  

  34.      var str="";  

  35.      $("input[type$='text']").each(function(n){  

  36.           if($(this).val()=="")  

  37.           {  

  38.                num++;  

  39.                str+="?"+$(this).attr("msg")+"不能为空!\r\n";  

  40.           }  

  41.      });  

  42.      if(num>0)  

  43.      {  

  44.           alert(str);  

  45.           return false;  

  46.      }  

  47.      else  

  48.      {  

  49.           return true;  

  50.      }  

  51. }  

  52.   

  53. </script>  


« 上一篇下一篇 »