image file validating using jquery in asp.net

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js" type="text/javascript"></script>
<script src="htp://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('#<%=FileUpload1.ClientID %>').change(function () {
            var ValidFileExtension = ['jpg', 'JPG', 'jpeg', 'JPEG', 'png', 'PNG', 'gif', 'GIF', 'bmp', 'BMP'];
        if ($.inArray($(this).val().split('.').pop().toLowerCase(), ValidFileExtension) == -1) {
            alert("Sorry !!! Allowed image formats are '.jpeg','.jpg', '.png', '.gif', '.bmp'");
        }
    });
});
</script>


    <table>
                <tr>
                    <td colspan="2"><asp:FileUpload ID="FileUpload1" runat="server" /></td>                  
                </tr>
                <tr>
                    <td><asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" /></td>
                    <td>
                        <asp:Label ID="lblStatus" runat="server" Text=""></asp:Label></td>
                </tr>            
            </table>  


protected void btnUpload_Click(object sender, EventArgs e)
    {
        string filePath = string.Empty;
        try
        {
            filePath = (Server.MapPath("Images/") + Guid.NewGuid() + FileUpload1.FileName);
            FileUpload1.SaveAs(filePath);
            lblStatus.Text = "Image uploaded successfully";
            lblStatus.ForeColor = System.Drawing.Color.Green;
        }
        catch (Exception ex)
        {
            lblStatus.Text = "Image couldn't be uploaded";
            lblStatus.ForeColor = System.Drawing.Color.Red;        
        }
        finally
        {
            filePath = string.Empty;
        }    
    }

How to validate checkbox before save data

<script type="text/javascript" language="javascript">


   // This function is used for validatecheckbox

    function ValidateCheckBox() {
        var chekbox = document.getElementById('<%=chkterms.ClientID %>');
        var spanelement = document.getElementById('Span1')
        if (chekbox.checked == true) {
            spanelement.style.display = 'none';
        } else {
            spanelement.style.display = '';
            return false;
        }
    }    
</script>


  <tr>
  <td align="left" colspan="2">
            <asp:CheckBox ID="chkterms" runat="server" onchange="javascript:ValidateCheckBox();" />
            <strong style="font: bold 16px 'Century Gothic'"><a href="../Terms.aspx" target="_blank">
                <u>I Agree Terms and Conditions</u></a></strong>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <span id="Span1" style="color: red; display: none;">You must and should Agree the Terms
                and Conditions </span>
        </td>
    </tr>


   <tr>
        <td>
            <ul class="pager wizard">
                <li class="back">
                    <asp:LinkButton ID="Btn2" runat="server" OnClick="Btn2_Click">Previous</asp:LinkButton>
                </li>
            </ul>
        </td>
        <td>
            <ul class="pager wizard">
                <li class="back">
                    <asp:LinkButton ID="btnsave" runat="server" ValidationGroup="regroup" OnClientClick="javascript:return ValidateCheckBox();"
                        OnClick="btnsave_Click">Save</asp:LinkButton>
                </li>
            </ul>
        </td>
    </tr>

  protected void btnsave_Click(object sender, EventArgs e)
    {
 Response.Redirect("AccountPreview.aspx",false);
}

maximum length validation of multilinetextbox in asp.net

solution1:

Using Javascript in asp.net

function Count(text,long)

{

      var maxlength = new Number(long);

if(document.getElementById('<%=textBox.ClientID%>').value.length > maxlength){

            text.value = text.value.substring(0,maxlength);

            alert(" Only " + long + " chars");
}

Your textbox code should look like

<asp:TextBox ID="textBox" onKeyUp="javascript:Count(this,200);" onChange="javascript:Count(this,200);"  TextMode=MultiLine Columns="5" Rows="5" runat=server>
    </asp:TextBox>


solution2:

using regularexpression in asp.net

<asp:RegularExpressionValidator ID="txtConclusionValidator1" ControlToValidate="textBox" Text="Exceeding 200 characters" ValidationExpression="^[\s\S]{0,2}$" runat="server" />

<asp:TextBox ID="textBox" TextMode=MultiLine Columns="5" Rows="5" runat=server></asp:TextBox>


solution3:

using jqury in asp.net

$(document).ready(function () {
        var maxLength = 150;
        var txt = $('#<%=lbladdress.ClientID%>');
        txt.html('');
        $('#<%=txt_HoAddress.ClientID%>').keyup(function () {
            var text = $(this).val();
            if (text != "") {
                var textLength = text.length;
                if (textLength > maxLength) {
                    $(this).val(text.substring(0, (maxLength)));
                    txt.html("Sorry, you only " + maxLength + " characters are allowed");
                    text.focus();
                }
            }
            else {
                txt.html("Please Enter the Address");
            }
        });
    });

or

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
   $(function () {
            var limit = 50;
            $("textarea[id$=txtAddress]").keyup(function () {
                var len = $(this).val().length;
                if (len > limit) {
                    this.value = this.value.substring(0, limit);
                }
                $('#spn').text(limit - len + " characters left");
            });
        });
    </script>

 <asp:TextBox ID="txtAddress" runat="server" TextMode="MultiLine"></asp:TextBox>
                    <span id="spn"></span>

jQuery used in asp.net forms

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
        </script>

    <script type="text/javascript">
 

    $(document).ready(function() {

        // put all your jQuery goodness in here.

    });


    </script>

age must be greaterthan 18 based on dtaeofbirth condition checking in javascript

cheking age in javascript

 // This fuction is used for age checking

    function checkage() {
        var lblage = document.getElementById('<%=lblage.ClientID %>');
        lblage.innerHTML = '';
        var todaydate = $get('<%= hftodaydate.ClientID %>').value;
        var birthdate = document.getElementById('<%=txtdob.ClientID %>');
        if (todaydate != '' && birthdate != '') {
            var d1 = todaydate.split("/");
            var d2 = birthdate.value.split("/");
            var tdate = new Date(d1[2], d1[1] - 1, d1[0]);
            var bdate = new Date(d2[2], d2[1] - 1, d2[0]);
            if (bdate < tdate) {
                var currentyear = tdate.getFullYear();
                var birthyear = bdate.getFullYear();
                var age = parseInt(currentyear) - parseInt(birthyear);
                if (parseInt(age) < 18) {
                    lblage.innerHTML = 'Age Is Must be Greaterthan 18';
                    birthdate.value = '';
                    birthdate.focus();
                }
            }
            else {
                lblage.innerHTML = 'Age Is Must be Greaterthan 18';
            }
        }
        else {
            lblage.innerHTML = 'Enter DateOfBirth';
        }
    }


your asp.x code

<asp:TextBox ID="txtdob" MaxLength="15" runat="server" CssClass="reform-input" onchange="checkage();"></asp:TextBox>
            <ajaxToolkit:FilteredTextBoxExtender ID="FTBEtxtactivationdate" runat="server" TargetControlID="txtdob"
                FilterType="Custom" ValidChars="0123456789/" FilterMode="ValidChars">
            </ajaxToolkit:FilteredTextBoxExtender>
            <ajaxToolkit:CalendarExtender ID="CEtxtactivationdate" runat="server" TargetControlID="txtdob"
                BehaviorID="CEtxtactivationdate" Format="dd/MM/yyyy">
            </ajaxToolkit:CalendarExtender>
            <asp:RequiredFieldValidator ID="RFVtxtdob" runat="server" ErrorMessage="Enter DOB"
                SetFocusOnError="true" Display="None" ValidationGroup="account" ControlToValidate="txtdob"></asp:RequiredFieldValidator>
            <ajaxToolkit:ValidatorCalloutExtender ID="VCEtxtdob" runat="server" TargetControlID="RFVtxtdob">
            </ajaxToolkit:ValidatorCalloutExtender>
            <asp:RegularExpressionValidator ID="rgeDob" runat="server" ControlToValidate="txtdob"
                SetFocusOnError="True" ErrorMessage="Please enter dob in dd/mm/yyyy format" ValidationExpression="^(((0[1-9]|[12]\d|3[01])/(0[13578]|1[02])/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)/(0[13456789]|1[012])/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])/02/((19|[2-9]\d)\d{2}))|(29/02/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$"
                Display="None"></asp:RegularExpressionValidator>
            <ajaxToolkit:ValidatorCalloutExtender ID="VCE1_txtdob" runat="server" TargetControlID="rgeDob">
            </ajaxToolkit:ValidatorCalloutExtender>
            <asp:Label ID="lblage" runat="server" ForeColor="Red"></asp:Label>