使用日历后验证文本框

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; 
    }