input 必填項(文字框text,檔案file)
阿新 • • 發佈:2018-11-19
批量校驗input 必填項不為空,程式碼如下:
一、前端頁面js:
//批量校驗input必填項 function check(){ var item = $("input[mustwrite='true']", document.forms[0]); for( var i=0; i<item.length; i++ ){ if( item[i].value == "" ){ alert(item[i].title + " 為必填項"); item[i].focus(); //游標定位到未填input框中 return false; } } return true; }
二、前端頁面html:
<div class="tab2-cont"> <div class="title">專案名稱:</div> <div class="cont text"> <input type="text" id="projectName" name="projectName" mustwrite="true" title="專案名稱" value="${projectName}" required="required"/> </div> </div> <div class="tab2-cont"> <div class="title">安裝證書密碼:</div> <div class="cont text"> <input type="text" id="cerPwd" name="cerPwd" mustwrite="true" title="安裝證書密碼" value="${cerPwd}" required="required"/> </div> </div> <div class="tab2-cont"> <div class="title">專案BundleId:</div> <div class="cont text"> <input type="text" id="bundleId" name="bundleId" mustwrite="true" title="專案BundleIdentifier" value="${bundleId}" required="required"/> </div> </div> <div class="tab2-cont"> <div class="title">描述檔案:</div> <div class="cont"> <input type="file" name="mobileProvision" mustwrite="true" title="描述檔案" id="mobileProvision" /> </div> </div> <div class="tab2-cont"> <div class="title">證書:</div> <div class="cont"> <input type="file" name="identityFile" mustwrite="true" title="證書" id="identityFile" /> </div> </div>
三、注意:
1、input標籤上要加上mustwrite="true"
2、input標籤上要加上title="你想顯示的內容"