The closest thing I&#39;ve found is in the article [Some things I’ve learned about jQuery unobtrusive validation][1]. The article has better formatting and more info, but I&#39;ve copied the good parts here in case it disappears.

- `data-val=&quot;true&quot;`: enable unobtrusive validation on this element (should be on every input element you want to validate)
- `data-val-required=&quot;ErrMsg&quot;`: makes the input required, and shows the ErrMsg
- `data-val-length=&quot;ErrMsg&quot;`, `data-val-length-min=&quot;5&quot;`, `data-val-length-max=&quot;15&quot;`: sets required string length and associated error message.
- `data-val-number=&quot;ErrMsg&quot;`: makes a field required to be a number.
- `data-val-date=&quot;ErrMsg&quot;`: requires a field to be a date (I do not recommend this, as it accepts too much – I prefer to use regex).
- `data-val-equalto=&quot;ErrMsg&quot;`, `data-val-equalto-other=&quot;Fld&quot;`: requires one field to match the other (such as password confirm.  Fld is a jQuery selector
- `data-val-regex=&quot;ErrMsg&quot;`, `data-val-regex-pattern=&quot;^regex$&quot;`: Requires the field to match the regex pattern.
- `data-val-email=&quot;ErrMsg&quot;`: requires a field to be a email (I do not recommend this, as it accepts too much – I prefer to use regex).
- `data-val-url=&quot;ErrMsg&quot;`: requires a field to be a url (I do not recommend this, as it accepts too much – I prefer to use regex).

---
**Update:**

For displaying the validation message, add a container for each control you want to validate.

    &lt;div class=&quot;field-validation-valid&quot; data-valmsg-for=&quot;controlName&quot; data-valmsg-replace=&quot;true&quot;&gt;&lt;/div&gt;

Note that `data-valmsg-for` is the control&#39;s **name**, not id.

  [1]: https://web.archive.org/web/20130919030425/http://denverdeveloper.wordpress.com/2012/09/26/some-things-ive-learned-about-jquery-unobtrusive-validation/

I want to capitalize the first letter of sentences, and also the first letter after commas if possible. I want to add the code in here: 

&lt;!-- language: lang-css --&gt;

    .qcont {
        width: 550px;
        height: auto;
        float: right;
        overflow: hidden;
        position: relative;
    }

Capitalize first letter of sentences CSS

When I remove an item from a flexbox, the remaining items &quot;snap&quot; into their new positions immediately rather than animating.

Conceptually, since the items are changing their positions, I would expect the transitions to apply.

I have set the transition property on all involved elements (the flexbox and the children)

Is there any way to animate edits (adds &amp; deletes) to a flexbox? This is actually a showstopper for me and the one missing piece with flexbox.

Is it possible to animate Flexbox inserts &amp; removes?

Where i can find the reference for **Unobtrusive jquery validation attributes** like 

`data-val-length` , `data-val-required` etc..I want the full list of these attributes. Is 

there any single place where i can find this?


jquery unobtrusive validation attributes reference?

Where i can find the reference for Unobtrusive jquery validation attributes like
<code>data-val-length</code> , <code>data-val-required</code> etc..I want the full list of these attributes. Is
there any single place where i can find this?

I&#39;ve managed to generate a series of list-items based on one specified array within a matrix (i.e. an array within an array).

I would like to be able to pass a variable (representing an array) to a function so that it can spit out an unordered list filled with list-items based on the array passed into it.

**Problems:**

* The function only works with one array at a time
* It also produces commas in the markup (presumably, because it&#39;s converting the array to a string)

**The solution needs to:**

* assume that the unordered list does not exist in the DOM
* be able to accept different arrays passed into it (`options[0]`, `options[1]`, etc.)
* generate the list-items without commas

**JavaScript:**

&lt;!-- language: lang-js --&gt;

    var options = [
            set0 = [&#39;Option 1&#39;,&#39;Option 2&#39;],
            set1 = [&#39;First Option&#39;,&#39;Second Option&#39;,&#39;Third Option&#39;]
        ]
    
    function makeUL(){
        var a = &#39;&lt;ul&gt;&#39;,
            b = &#39;&lt;/ul&gt;&#39;,
            m = [];
    
        // Right now, this loop only works with one
        // explicitly specified array (options[0] aka &#39;set0&#39;)
        for (i = 0; i &lt; options[0].length; i += 1){
            m[i] = &#39;&lt;li&gt;&#39; + options[0][i] + &#39;&lt;/li&gt;&#39;;
        }
    
        document.getElementById(&#39;foo&#39;).innerHTML = a + m + b;
    }
        
    // My goal is to be able to pass a variable
    // here to utilize this function with different arrays
    makeUL();


**[jsFiddle](http://jsfiddle.net/sTLbj/2/)**

Create a &lt;ul&gt; and fill it based on a passed array

I have a DOM element with some/all of the following effects applied: 

    #elem {
      -webkit-transition: height 0.4s ease;
      -moz-transition: height 0.4s ease;
      -o-transition: height 0.4s ease;
      transition: height 0.4s ease;
    }

I am writing a jQuery plugin that is resizing this element, I need to disable these effects temporarily so I can resize it smoothly. 

What is the most elegant way of disabling these effects temporarily (and then re-enabling them), given they may be applied from parents or may not be applied at all.  



What is the cleanest way to disable CSS transition effects temporarily?

[wikipedia](http://en.wikipedia.org/wiki/Web_Sockets) appears to infers `websockets` are secure:

&lt;blockquote&gt;
For web browser support, a secure version of the WebSocket protocol is implemented in Firefox 6 (named MozWebSocket),[2] Google Chrome 14[3] and Internet Explorer 10 developer preview.
... Although there are no known exploits, it was disabled in Firefox 4 and 5...
&lt;/blockquote&gt;

but [w3](http://www.w3.org/TR/websockets/) states they are insecure:

&lt;blockquote&gt;
Following HTTP procedures here could introduce serious security problems in a Web browser context. For example, consider a host with a WebSocket server at one path and an open HTTP redirector at another. Suddenly, any script that can be given a particular WebSocket URL can be tricked into communicating to (and potentially sharing secrets with) any host on the Internet, even if the script checks that the URL has the right hostname.
&lt;/blockquote&gt;

1. are `http websockets` (ws:) secure or not?

2. are `https websockets` (wss:) secure or not?

3. if not #2, are there documented prophylactic measures?



are websockets secure or not?

So I have successfully gotten AJAX requests to work before but I have always had to use a form, and then at the end of the submit do return false so that it doesn&#39;t refresh the page.

I have also just recently moved my JavaScript into a separate file this has caused my @ commands to fail. Because of this I do not no how to set my URL to my route?

HTML:

    &lt;button id=&quot;saveAsDefaultButton&quot;&gt;Save as default&lt;/button&gt;

Playframework Java code:

    public static Result saveDefaultPhoneForUser(String handset) {
		User currentUser = User.findByName(session(&quot;name&quot;));
		currentUser.lastControlledHandset = theHandset;
		currentUser.save();
		return ok();
	}

routes:

    POST	/							controllers.Application.saveDefaultPhoneForUser(handset : String)

javascript:

    $(&#39;#saveAsDefaultButton&#39;).click(function(evt) {
			$(&#39;#errors&#39;).hide();
			$.ajax({
				type : &#39;POST&#39;,
				url : &quot;controllers.Application.saveDefaultPhoneForUser&quot;,
				data : $(&#39;#controlledPhone option:selected&#39;).text(),
				dataType : &quot;text&quot;,
				success : function(data) {
					//setError(&#39;Call succedded&#39;);
					//$(&#39;#test1&#39;).attr(&quot;src&quot;, data)
				},
				error : function(data) {
					setError(&#39;Make call failed&#39;);
				}
			});
			return false;
		});

I&#39;m sure there is a way to do this but I am just having no luck finding anything.

Play 2.x: How to make an AJAX request with a common button

I have a filename that can have multiple dots in it and could end with any extension:

    tro.lo.lo.lo.lo.lo.png

I need to use a regex to replace the last occurrence of the dot with another string like `@2x` and then the dot again (very much like a retina image filename) i.e.:

    tro.lo.png -&gt; tro.lo@2x.png

Here&#39;s what I have so far but it won&#39;t match anything...

    str = &quot;http://example.com/image.png&quot;;
    str.replace(/.([^.]*)$/, &quot; @2x.&quot;);

any suggestions?

RegEx that will match the last occurrence of dot in a string

I have an object in javascript like this:

    { &quot;a&quot;:4, &quot;b&quot;:0.5 , &quot;c&quot;:0.35, &quot;d&quot;:5 }
 
Is there a fast way to get the minimum and maximum value among the properties without having to loop through them all? because the object I have is huge and I need to get the min/max value every two seconds. (The values of the object keeps changing).

Fast way to get the min/max values among properties of object

 [see jsbin][1]
 

I have to make my html table vertically scrollable.  
I have used below code on `tbody` tag but its doesn&#39;t work for me
   

     &lt;tbody style=&quot;height: 100px; overflow: auto&quot;&gt;
   

  [1]: http://jsbin.com/oguxek/edit#javascript,html,live

How to make html table vertically scrollable

I want to check if a checkbox just got unchecked, when a user clicks on it. The reason for this is because i want to do a validation when a user unchecks a checkbox. Because atleast one checkbox needs to be checked. So if he unchecks the last one, then it automatically checks itself again.

With jQuery i can easily find out wether it&#39;s checked or not:

    $(&#39;#check1&#39;).click(function() {
        if($(this).is(&#39;:checked&#39;))
            alert(&#39;checked&#39;);
        else
            alert(&#39;unchecked&#39;);
    });

But i actually only want to have an if statement that checks if a checkbox just got unchecked.

So i thought i could do that with the following code:

    $(&#39;#check2&#39;).click(function() {
        if($(this).not(&#39;:checked&#39;))
            alert(&#39;unchecked&#39;);
        else
            alert(&#39;checked&#39;);
    });

But this will always show the &#39;unchecked&#39; message. Not really what i was expecting...

**demo:** http://jsfiddle.net/tVM5H/

So eventually i need something like:

    $(&#39;#check2&#39;).click(function() {
        if($(this).not(&#39;:checked&#39;)) {
            // Got unchecked, so something!!!
        }
    });

But obviously this doesn&#39;t work. I rather don&#39;t want to use the first example, because then i&#39;d have an unnecessary &#39;else&#39; statement when i only need one &#39;if&#39; statement.

So first thing, is this a jQuery bug? Cause to me it&#39;s unexpected behaviour. And second, anyone any ides for a good alternative?

Content Type	Original Author	Original Content on Stackoverflow
Question	Gaurav	View Question on Stackoverflow
Solution 1 - Javascript	Brian	View Answer on Stackoverflow

jquery unobtrusive validation attributes reference?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Is it possible to animate Flexbox inserts & removes?

Capitalize first letter of sentences CSS

Attributions