Best Way to Code

1. Go to TFS Project Collection database (Tfs_DefaultCollection by default)
2. Change value WIT_WorkItemWatermark in table tbl_counter to any integer value that is not exceed maxInt32.

Regex.IsMatch(ddlCustomer.SelectedValue, @"^\d+$")

       <asp:RadioButtonList runat="server" ID="radReportType" onchange="displayReportType();" RepeatDirection="Horizontal">
           <asp:ListItem Text="Shipment" Value="Fruit" Selected="True">
           <asp:ListItem Text="Customer" Value="Vegetable">
           <asp:ListItem Text="Carrier" Value="Meat">
       </asp:RadioButtonList>

   var radio = $("[id*=radFruits] input:checked");
   var value = radio.val();

  <asp:RadioButtonList ID="radFruits" runat="server">
     <asp:ListItem Text="Mango" Value="1" />
     <asp:ListItem Text="Apple" Selected="True" Value="2" />
     <asp:ListItem Text="Banana" Value="3" />
     <asp:ListItem Text="Guava" Value="4" />
  </asp:RadioButtonList>

   var radio = $("[id*=radFruits] input:checked");
   var value = radio.val();

Problem: I want to customize the JQuery datepicker (in this case, I want to add "Today" button) with minimum effort and keep all the existing JQuery behavior.

Solution: write JQuery plugin

1. Create afterShow event
2. Create your own datepicker function, and call the JQuery UI datepicker function
3. Create option that is exactly the same as JQuery Option

Create afterShow event

    $.datepicker._updateDatepicker_original = $.datepicker._updateDatepicker;
    $.datepicker._updateDatepicker = function (inst) {        
        $.datepicker._updateDatepicker_original(inst);
        var afterShow = this._get(inst, 'afterShow');
        if (afterShow)
            afterShow.apply((inst.input ? inst.input[0] : null));  // trigger custom callback
    }

Create datepicker function

   $.fn.MyDatePicker = function (optionObject) {
        var option = GetOption(optionObject);
        $(this).datepicker(
            {
                dateFormat: option.dateFormat,
                changeMonth: option.changeMonth,
                changeYear: option.changeYear,
                afterShow: function () {
                    if (option.showTodayButton) {
                        $("#ui-datepicker-div").append("<div><input type='button' id='butToday' value='Today' /></div>");
                        var textbox = $(this);
                        $("#butToday").click(function () {
                            textbox.val($.datepicker.formatDate(option.dateFormat, new Date()));
                            textbox.datepicker("hide");
                            textbox.blur();
                        });
                    }
                }
            }
        );

    };

copy options

    function default_options() {
        this.showTodayButton = false;
        this.dateFormat = "mm/dd/yy",
        this.changeYear = false,
        this.changeMonth = false
    } 

   function GetOption(option) {

        var opt = new default_options();
        if (option != null) {
            if (option.showTodayButton != null)
                opt.showTodayButton = option.showTodayButton;

            if (option.dateFormat != null)
                opt.dateFormat = option.dateFormat;

            if (option.changeMonth != null)
                opt.changeMonth = option.changeMonth;

            if (option.changeYear != null)
                opt.changeYear = option.changeYear;
        }
        return opt;
    }

----------------------------------------------------------

Complete Code

(function ($) {

    function default_options() {
        this.showTodayButton = false;
        this.dateFormat = "mm/dd/yy",
        this.changeYear = false,
        this.changeMonth = false
    }   

    function GetOption(option) {

        var opt = new default_options();
        if (option != null) {
            if (option.showTodayButton != null)
                opt.showTodayButton = option.showTodayButton;

            if (option.dateFormat != null)
                opt.dateFormat = option.dateFormat;

            if (option.changeMonth != null)
                opt.changeMonth = option.changeMonth;

            if (option.changeYear != null)
                opt.changeYear = option.changeYear;
        }
        return opt;
    }

    $.datepicker._updateDatepicker_original = $.datepicker._updateDatepicker;
    $.datepicker._updateDatepicker = function (inst) {        
        $.datepicker._updateDatepicker_original(inst);
        var afterShow = this._get(inst, 'afterShow');
        if (afterShow)
            afterShow.apply((inst.input ? inst.input[0] : null));  // trigger custom callback
    }

    $.fn.MyDatePicker = function (optionObject) {
        var option = GetOption(optionObject);
        $(this).datepicker(
            {
                dateFormat: option.dateFormat,
                changeMonth: option.changeMonth,
                changeYear: option.changeYear,
                afterShow: function () {
                    if (option.showTodayButton) {
                        $("#ui-datepicker-div").append("<div><input type='button' id='butToday' value='Today' /></div>");
                        var textbox = $(this);
                        $("#butToday").click(function () {
                            textbox.val($.datepicker.formatDate(option.dateFormat, new Date()));
                            textbox.datepicker("hide");
                            textbox.blur();
                        });
                    }
                }
            }
        );

    };
}(jQuery));


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
    <script src="Scripts/MyDatePicker.js"></script>    

    <script type="text/javascript">

        $(function () {
            $("#dtpTest").MyDatePicker({                
                changeYear: true,
                changeMonth:true
            });            
        });

        $(function () {
            $("#dtpTest2").MyDatePicker({
                showTodayButton: true                
            });
        });

    </script>
</head>
<body>
    <input type="text" id="dtpTest" />    
    <input type="text" id="dtpTest2" />    
</body>
</html>

<asp:Button OnClientClick="if(!validateLogin()) return false;" 
     PostBackUrl="~/Account/authentication.aspx" Text="Sign in" runat="server" ID="butLogin" />

Note: if you want to validate the form before posting data, you need to do the same way ask I do. It won't work if you use:
OnClientClick="return validateLogin();"

Problem: I want to get only number from phone number Ex. 562-810-9631 or (562) 810 9631.

Solution: Use Regular expression

var phoneNumber = Regex.Replace(phoneNumber, @"\D", String.Empty, RegexOptions.Compiled);

Problem: when we add cssclass to asp.net checkbox control, it renders checkbox control in span tag. That not what we want.

Solution: call InputAttributes function

protected override void OnPreRender(EventArgs e)
{
        if (!Page.IsPostBack)
        {
            chkMenuItem.InputAttributes.Add("class", "selectall");
        }
}

Problem:

• Loop from 1 to 100
• If value is divided by 3, print Fizz
• If value is divided by 5, print Buzz
• If value is divided by 3 & 5, print Fizz Buzz
• Else print the value

Solution: This problem is designed to test how your code look like. Is it short and clean, not too many condition statement.

        private static void FizzBuzz(int value)
        {
            string result;

            for (int i = 1; i <= value; i++)
            {
                result = null;
                if (i % 3 == 0)
                    result = "Fizz";

                if (i % 5 == 0)
                    result += "Buzz";

                Console.WriteLine(result ?? i.ToString());
            }            
        }

How to validate multiple line values using JavaScript and Regular Expression.
Problem: I want to validate if my textarea contains only number. But my textarea accepts multiple Number values separated by break line.
1234
6743
2934
2134

Solutions:

1. Merge the value into single line of code by replacing the end of line character with empty string
2. Check if the value is number using regular expression

function isNumber(value){
   var pattern = new RegExp("^[0-9]+$");
   value = value.replace(/\n/g,"");
   return pattern.test(value);
}

Using JavaScript to custom validate asp.net control.

function ValidateAge(source, arguments){
    var pattern = new RegExp("^[0-9]{2}$");
    if (!pattern.test(arguments.Value)){
         source.errormessage ="Age must be numeric";
         arguments.IsValid = false;
    }else{
         arguments.IsValid = true;
    }
}

<asp:CustomValidator 
     id="valCustom" 
     ControlToValidate="txbAge"
     ClientValidationFunction="ValidateAge"
     OnServerValidate="ValidateAge"
     ErrorMessage="This can be set from code"
     ForeColor="red" 
     runat="server">
     ValidationGroup="valSave"
</asp:CustomValidator>