Code Station

Just copy this function.

function InitCheckAll(checkAllSelector, checkboxSelector) {
    $(checkAllSelector).change(function() {
        var e = this;
       
        $(checkboxSelector).each(function() {
            this.checked = e.checked;
        });
    });

    $(checkboxSelector).change(function() {
        if (this.checked == true) {
            var isCheckAll = true;
            $(checkboxSelector).each(function() {
                if(!this.checked) {
                    return isCheckAll = false;
                }
            });
            $(checkAllSelector)[0].checked = isCheckAll;
        } else {
            if ($(checkAllSelector)[0].checked == true) {
                $(checkAllSelector)[0].checked = false;
            }
        }
    });
}

InitCheckAll('#yourMasterCheckBoxID', '.yourChildCheckBoxClass')

There is only way is replacing the string by regular expression. For example:

s = s.replace(/yourPaternString/g, 'yourNewValue');

patern = patern.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
text = text.replace(new RegExp(patern, 'g'), 'yourNewValue');

Just run this function.
Notice that empty value between delimiter will return NULL, you can customize this by modify the line "insert into @tParts values( null )"

CREATE FUNCTION [dbo].[SplitString]
(
    @sString nvarchar(MAX),
    @cDelimiter nchar(1)
)
RETURNS @tParts TABLE ( part nvarchar(MAX) )
AS
BEGIN
    if @sString is null return
    declare @iStart int,
      @iPos int
    if substring( @sString, 1, 1 ) = @cDelimiter 
    begin
     set @iStart = 2
     insert into @tParts
     values( null )
    end
    else 
     set @iStart = 1
    while 1=1
    begin
     set @iPos = CHARINDEX(@cDelimiter, @sString, @iStart )
     if @iPos = 0
      set @iPos = len( @sString )+1
     if @iPos - @iStart > 0   
      insert into @tParts
      values ( substring( @sString, @iStart, @iPos-@iStart ))
     else
      insert into @tParts
      values( null )
     set @iStart = @iPos+1
     if @iStart > len( @sString ) 
      break
    end
    RETURN

END

When I add the dynamic content to page with javascript or ajax, the validation doesn't work with new content at all. I solved the problem by 2 ways.

$("#yourID").html(yourContent); // add html to your tag
$.validator.unobtrusive.parse($("#yourID")); // this will parse validation for new content

$.removeData($('#YourFormID').get(0), 'validator'); // clear the validation of the form tag
jQuery.validator.unobtrusive.parse('#YourFormID');

Declare the escape function for jquery at first

$.escape = function(str) {
  return str.replace(/[!"#$%&'()*+,.\/:;<=>?@\[\\\]^`{|}~]/g, '\\$&');
};

// the value contain special character
var searchValue = 'your-value*'; 

// this is safe with escape
var list1 = $('[value="' + $.escape(searchValue) + '"]';

// this may error without escape
var list2 = $('[value="' + searchValue + '"]'; 

Declare the escape function at first

RegExp.escape = function(string) {
  return string.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')
};

var patern = '^^';
var regex = new RegExp(RegExp.escape(patern));
var text = 'Hello^^';
var match = text.match(regex));

JS just support to get UTC time. There is how to get local time.

function GetLocalTime() {
    var date = new Date();            
    var n = date.getTime() - (date.getTimezoneOffset() * 60000);            
    return new Date(n);
}    

document.ready will execute after all HTML of the page is loaded.

window.load will wait for all elements are loaded, include image, iframe. window.load can be used in body onload.

$(document).ready will trigger before $(window).load. Use window.load when you want retrieve attribute of image, iframe on page start.

The 'string' keyword is equivalent of 'System.String' so you don't need to using namespace System like following code.

//using System;
namespace ConsoleApplication1
{
    class Program
    {
        static void Main(string[] args)
        {
            string s1 = string.Empty;
            System.String s2 = System.String.Empty;
            String s3 = String.Empty; // compile error namespace could not be found
        }
    }
}

This is my solution. Tested on MVC 3 and MVC 4.

1. Create App_GlobalResources folder in project (easy way is right click to project -> Add -> Add ASP.NET folder -> App_GlobalResource).
2. Add a resx file to App_GlobalResources (e.g. YourResource.resx).
3. Add resource key "PropertyValueInvalid". By default, the message is "The value {0} is not valid for {1}". You can change or translate whatever you want.
4. Add the code DefaultModelBinder.ResourceClassKey = "YourResource" to Application_Start function in Global.asax.

Click on links to see spinner on load image.

function changeImg(url) {
    var img = document.getElementById('previewImg');
    var spinner = document.getElementById('spinner');
    // show spinner
    spinner.style.display = '';
    img.style.display = 'none';
    img.onload = function() {
        spinner.style.display = 'none';
        this.style.display = '';
        this.onload = null;
    }
    img.src = url;
}  

Javascript