jQuery assertion support/programación defensiva?

Question

¿Existe algún soporte incorporado en jQuery para la comprobación básica de las afirmaciones, principalmente de elementos como "número esperado de elementos devueltos".

Por ejemplo es posible que tenga una declaración simple como esto:

$("#btnSignup").click(function() { 
    return validateForm(); 
); 

Ahora theres un montón de razones por las $("#btnSignup") puede no volver exactamente 1 punto:

• Usted ha escrito mal el nombre botón Identificación
• Alguien lo renombró por error
• No existe en la página
• Hay dos elementos con esa identificación por error
• Está utilizando ASP.NET MVC y ha generado accidentalmente el código HTML para el botón con HtmlHelper.Button(...) en lugar de HtmlHelper.Submit(). El método Button(...) NO crea una ID para el elemento del botón.

Ahora en esta instancia (y en muchas instancias) mi aplicación simplemente no funcionará a menos que EXACTAMENTE se devuelva un elemento del selector. Entonces SIEMPRE quiero que me digan si $("@#btnSignup") no devuelve exactamente 1 artículo. Entonces, ¿cómo puedo hacer esto? Estoy bien si se trata de una excepción o, preferiblemente, un cuadro de alerta, así que si no estoy ejecutando un depurador, entonces se me puede decir.

Estoy buscando sintaxis algo así - que es similar en funcionalidad al método de extensión .NET Single().

$("#btnSignup").assertSingle().click(function() { 
    return validateForm(); 
); 

or 

$("#btnSignup").assertSize(1).click(function() { 
    return validateForm(); 
); 

Estaría bien si este código SIEMPRE se ejecuta y le dice a quien sea que hay un problema. obviamente no es un performance issue para ejecutar este código adicional para toda la eternidad. En este caso, mi código se rompe si #btnSignup no existe.

Estoy seguro de que este problema ha sido golpeado hasta la muerte y hay muchas soluciones, pero ¿alguien puede señalarme algunas de ellas?

No veo nada incorporado en jQuery y me pregunto cuál es el mejor complemento. Prefiero tener algo en la página que pueda seguir 'mirándome' y decirme si hay algún problema. Ni siquiera me opondría a que se realice una llamada AJAX a un servicio de informe de errores.

Answer 1

Parece que no hay nada incorporado. Pero escribir una extensión no es demasiado difícil:

$.fn.assertSize = function(size) { 
    if (this.length != size) { 
    alert("Expected " + size + " elements, but got " + this.length + "."); 
    // or whatever, maybe use console.log to be more unobtrusive 
    } 
    return this; 
}; 

El uso es exactamente como usted propone en su pregunta.

$("#btnSignup").assertSize(1).click(function() { 
    return validateForm(); 
); 

Tenga en cuenta que, en su forma actual, la función vuelve a funcionar incluso si falla la aserción. Todo lo que hayas encadenado seguirá ejecutándose. Use return false; en lugar de return this; para detener la ejecución adicional de la cadena.

Answer 2

es probable que desee http://docs.jquery.com/Traversing/eq#index:

Reducir el conjunto de elementos emparejados a un solo elemento.

Si el selector no devolvió los objetos a continuación, jQuery, simplemente no se ejecutará el código encadenado ya que no tiene elementos para ejecutarlos en

Answer 3

Mejoras a la respuesta de Tomalak: tirar el error de detener la ejecución, incluya el infractor selector y agregue la variante assertSingle.

$.fn.assertSize = function(size) { 
    if (this.length != size) { 
     throw "Expected " + size + " elements, but selector '" + this.selector + "' found " + this.length + "."; 
    } 
    return this; 
}; 
$.fn.assertSingle = function() { return this.assertSize(1); }; 

Answer 4

creé un plugin para que: jquery-assert. Se podía utilizar de esta manera:

Asegúrese, se encontraron uno o más elementos, antes de llamar a la siguiente función:

$('#element01').assertFound().val('x') 

Afirmar que fue seleccionado 1 elemento:

$('#element01').assertOne(); // same as assertFound(1) 

Asegúrese se encontró un número determinado de elementos antes de llamar a funciones adicionales:

$('.item').assertFound(10).find('p').assertFound(10).data(...)