菜鳥工程師的Liferay Portal學習筆記

使用javascript驗證欄位的方法今天也學到了，在這裡紀錄一下。

首先必須給form一個name，如；

<aui:form name="newVideo"  action="<%=videoUploadURL.toString()%>" method="post" enctype="multipart/form-data">

而要進行驗證的下拉式選單欄位為

<aui:select id="assortType" name="assortType" label="請選擇類型"
onChange="updateData(this)" >

準備好了之後，就可以開始寫javascript的方法；

function myCheck(){

var index=0;  //只需判斷一個選單，所以index是0
var o=document.getElementsByName("<portlet:namespace/>assortType")[0]; //在這裡抓要判斷的下拉選單
index=o.selectedIndex; //index就是o選單所選的
var value=o.options[index].value; //將value值抓出

if(value==""){

//如果value是空白的，就返回。

        alert("請選擇類型");
return false;
}
}

最後要記得從我們送出的按鈕呼叫這個方法就可以了；

<aui:button type="submit" name="upLoad" value="完成" onClick="return myCheck()"/> 

至此，選單的驗證就完成了。