jQuery Validar obligatorio Seleccionar

Question

Estoy intentando validar el elemento de selección html utilizando el complemento jQuery Validate. Establecí la regla "requerida" en verdadera, pero siempre pasa la validación porque el índice cero se elige de manera predeterminada. ¿Hay alguna forma de definir el valor vacío que usa la regla requerida?

UPD. Ejemplo. Imaginemos que tenemos el siguiente control html:

<select> 
    <option value="default">Choose...</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select> 

Quiero Validación plugin para utilizar el valor "default" como vacío.

Answer 1

Usted puede escribir su propia regla!

// add the rule here 
$.validator.addMethod("valueNotEquals", function(value, element, arg){ 
    return arg !== value; 
}, "Value must not equal arg."); 

// configure your validation 
$("form").validate({ 
    rules: { 
    SelectName: { valueNotEquals: "default" } 
    }, 
    messages: { 
    SelectName: { valueNotEquals: "Please select an item!" } 
    } 
}); 

Answer 2

uso min regla

establecer primero el valor de opción a 0

'selectName':{min:1} 

Answer 3

Una solución más fácil se ha esbozado aquí: Validate select box

hacer que el valor esté vacío y añadir el atributo requerido

<select id="select" class="required"> 
<option value="">Choose an option</option> 
<option value="option1">Option1</option> 
<option value="option2">Option2</option> 
<option value="option3">Option3</option> 
</select> 

Answer 4

Es simple, que necesita para obtener el valor Campo de selección y no puede ser "predeterminado".

if($('select').val()=='default'){ 
    alert('Please, choose an option'); 
    return false; 
} 

Answer 5

No sé cómo fue el plugin el momento en que se hizo la pregunta (2010), pero se enfrentó al mismo problema hoy en día y lo resolvió de esta manera:

1. Da tu Seleccionar etiqueta un atributo de nombre. Por ejemplo, en este caso

   <select name="myselect">

2. lugar de trabajar con el valor del atributo = "default" en la opción etiqueta, desactivar la opción por defecto o valor ajustado = "" según lo sugerido por Andrew Coats

   <option disabled="disabled">Choose...</option>

   o

   <option value="">Choose...</option>

3. conjunto de reglas de validación del complemento

   $("#YOUR_FORM_ID").validate({ rules: { myselect: { required: true } } });

   o

   <select name="myselect" class="required">

Obs: solución Andrew Coats sólo funciona si usted tiene sólo un selecto en su forma. Si desea que su solución funcione con más de una, seleccione agregar un atributo de nombre a su selección.

Espero que ayude!:)