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>