1. 程式人生 > >input 必填項(文字框text,檔案file)

input 必填項(文字框text,檔案file)

批量校驗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="你想顯示的內容"