验证页面多个input文本的必填项

时间:2022-08-28 04:16:00

前台页面 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>