Tuesday, 2 July 2013

Javascript Validation along with fileupload control

<script type="text/javascript">
    function ValidSubmit()
    {
       var Franchise = document.getElementById('ContentPlaceHolder1_cbox_Franchisewise');
       if (Franchise.checked)
      {
       } //For Radiobutton or checkbox validation
   if (document.getElementById('<%=ddlcomplaintabout.ClientID%>').selectedIndex == 0) {
       alert("Please select the item from dropdown");
       return false;
   }
        if (document.getElementById('ctl00_ContentBody_txt_ClippingTitle').value == '')
        {
            alert("Please Enter Title");
            return false;
        }

Get RadioButtonlist Selected Value

 var radioButtonlist = document.getElementById("<%#rbtnlst_Sector.ClientID%>");
            var radio = radioButtonlist.getElementsByTagName("input");
            for (var x = 0; x < radio.length; x++)
            {
                if (radio[x].type === "radio" && radio[x].checked)
                {
                    NATURE_SMS= radio[x].value;
                }
            }


For RadiobuttonList 
 var r = document.getElementsByName("RadioButtonList_MNTF")
            var c = -1

            for (var i = 0; i < r.length; i++)
            {
                if (r[i].checked)
                {
                    c = i;
                }
            }
            if (c == -1)
             {
                alert("please select radio");
                return false;
            }
        if (document.getElementById('<%= BtnInsert.ClientID %>').value == 'Submit')
         {
             var fup = document.getElementById('<%= fileUplaod_ClippingImage.ClientID %>');
             var fileName = fup.value;
             if (fileName == "")
            {
                alert("Please attach image");
                return false;
            }
            else
            {
                var ext = fileName.substring(fileName.lastIndexOf('.') + 1);
                if (ext == "gif" || ext == "GIF" || ext == "JPEG" || ext == "jpeg" || ext == "jpg" || ext == "JPG" || ext == "png" || ext == "PNG") {

                    //now check size height/width
                    return true;
                }
                else {
                    alert("Please Upload an Image File");
                    //document.getElementById('<%= Upload_Symptoms.ClientID %>').value = '';
                    fup.focus();
                    return false;
                }
            }
        }


    }
 
    </script>

Call the function on OnClientClick event of Button

<asp:Button CssClass="Details" ID="BtnInsert" runat="server" Text="Submit"
onclick="BtnInsert_Click" OnClientClick="return ValidSubmit();"
style="height: 21px" />

No comments:

Post a Comment