验证页面多个input文本的必填项
前台页面 JS :
function CheckMustWrite(){ var count = $("input[mustwrite = 'true']", document.forms[0]); for (var i = 0; i< count.length ; i++){ if(count[i].value == ""){ alert(count[i].title + " 为必填项"); count[i].focus(); return false; } } var textareas = $("textarea[mustwrite = 'true']", document.form[0]); for (var i = 0; i<textareas.length; i++ ){ if(textareas[i].value == ""){ alert(textareas[i].title + " 为必填项"); textareas[i].focus(); return false; } } }
前台页面 HTML :
<table border="0" cellpadding="5" cellspacing="0" width="100%"> <tr> <td>项目名称: </td> <td><input id="DATA_Name" kind="varchar" mustwrite="true" name="DATA_Name" title="项目名称 " type="text" class="blur_text" value="填写合理化建议的名称 " /></td> <td>应用场地: </td> <td><input id="DATA_cd" kind="varchar" mustwrite="true" name="DATA_cd" title="应用场地" type="text" class="blur_text" value="合理化建议使用的项目部 " /></td> </tr> <tr> <td>建设设计者: </td> <td><input id="DATA_sj" kind="varchar" mustwrite="true" name="DATA_sj" title="建设设计者" type="text" class="blur_text" value="合理化建议主要提出者" /></td> <td>单位部门: </td> <td><input id="DATA_bm" kind="varchar" name="DATA_bm" title="单位部门" type="text" value="主要提出者所在部门或项目部 " class="blur_text" /></td> </tr> <tr> <td>存在问题: </td> <td colspan="3"><textarea id="DATA_wt" name="DATA_wt" title="存在问题 " class="blur_text" value="" >描述问题的具体原因、现象及后果 </textarea></td> </tr> <tr> <td>解决方案: </td> <td colspan="3"><textarea id="DATA_fa" name="DATA_fa" title="解决方案 " class="blur_text" >提出解决原理或解决方案 </textarea></td> </tr> </table>
<div align="center">
<input id="Image1" type="image" src="imgs/submit.png" onclick="return CheckMustWrite()" onserverclick="Button1_Click" runat="server" />
</div>