验证页面多个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>
原文地址:https://www.cnblogs.com/SunXiaoLin/p/3441090.html