required? about jquery-nice-select HOT 8 OPEN

Here's a CSS/HTML5 only solution:

<style>
	select {
		display: block !important;
		margin: 0;
		border: 0;
		padding: 0;
		height: 1px;
		opacity: 0;
		position: relative;
		/* Top should be the same as the height of your */
		/* unfocused, nice select replacement element! */
		top: 30px;
	}
</style>
<select name="my-field" required tabindex="-1">
</select>

from jquery-nice-select.

With Javascript:

var value = document.getElementById('id_of_select').value;
if(value == ""){
document.getElementById('id_of_result_div').innerHTML = "The select is required"
}else{
//your code...
}

from jquery-nice-select.

What do you mean? Please expand.

from jquery-nice-select.

in html 5 there is "required" Attribute
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-required

from jquery-nice-select.

And what do you want the plugin to do?

from jquery-nice-select.

just to support the attribute

from jquery-nice-select.

Here's a CSS/HTML5 only solution:

<style>
	select {
		display: block !important;
		margin: 0;
		border: 0;
		padding: 0;
		height: 1px;
		opacity: 0;
		position: relative;
		/* Top should be the same as the height of your */
		/* unfocused, nice select replacement element! */
		top: 30px;
	}
</style>
<select name="my-field" required tabindex="-1">
</select>

Unexpected solution. Great work.

from jquery-nice-select.

Here's a CSS/HTML5 only solution:

<style>
	select {
		display: block !important;
		margin: 0;
		border: 0;
		padding: 0;
		height: 1px;
		opacity: 0;
		position: relative;
		/* Top should be the same as the height of your */
		/* unfocused, nice select replacement element! */
		top: 30px;
	}
</style>
<select name="my-field" required tabindex="-1">
</select>

Lovely, but there's an issue with this. When the user does not select a value in the list for the first time, it will who the HTML validation error. However, when the user corrects the value in the list, it continues showing the validation error and does not clear it off (seems like a change event needs to be propagated to the select element for this to work, I think)

from jquery-nice-select.