Hi Friends,

I write a program on javascript base. When i give the less than 3 letters user name it wil display error msg. But its not working and also F1 is not woking. Please check this code and help me to solve this problem,

Code:


<apex:page >
    <script>
    function f1(uid,pwd){
        var u=document.getElementByid(uid).value;
        var p=document.getElementByid(pwd).value;
        if(u==""){
            alert(' Please enter User name');
            document.getelementbyid(uid).focus();
        }
        else{
            if(u.length<3)
                alert('Please Enter username minimum 3 Characters');
        }
        if(p==""){
            alert('Please Enter Password');
            document.getelementbyid(pwd).focus();
        }
    }
    function f2(uid,pwd){
        document.getelementbyid(uid).value="";
        document.getelementbyid(pwd).value="";
    }
    </script>
    
    <apex:form>
        <apex:pageBlock>
            <apex:pageBlockSection title=" Entry Section">
                <apex:outputText value="Enter User Name"></apex:outputText>
                <apex:inputText id="uid"/>
                <apex:outputText value="Enter Password"></apex:outputText>
                <apex:inputText id="pwd"/>
                
                <apex:commandButton value="Submit" onclick="f1('{!$component.uid}','{!$component.pwd}')"/>
                <apex:commandButton value="CLear" onclick="f2('{!$component.uid}','{!$component.pwd}'"/>
            </apex:pageBlockSection>
        </apex:pageBlock>
    </apex:form>
</apex:page>