使用日曆後驗證文本框

Question

從日曆中選擇一個值後，如何禁用文本框？

<s:textfield theme="simple" name="" id="startDate" style="width:80px" cssClass="tcal"/> 

注意：「tcal」是在.css文件中定義的類，我正在使用一個.js文件來實現功能。

Answer 1

我認爲你可以使用onfocus Event.On從日曆中選擇值焦點返回到文本框，那時你檢查文本框是否有值，值是dateType（以正確格式），然後禁用它。

<s:textfield theme="simple" name="" 
id="startDate" style="width:80px" 
cssClass="tcal" onfocus="Disable()"/> 

你的JS就會像： -

function Disable() 
    { 
    var obj=document.getElementById('startDate'); 
    //Check if it has value, then it is in correct format:- 
    if(obj.value && inCorrectFormat) 
    obj.disable=true; 
    }