jqueryインプリメンテーションによるサブミットフォームのコミット時にテキストボックスが空であることを検証

1645 ワード

   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
";           }      });      if(num>0)      {           alert(str);           return false;      }      else      {           return true;      } } </script>