O que é a validação discreta de jQuery?

Eu sei qual é o 'plugin' de validação jQuery. Sei que a biblioteca de validação discreta da jQuery foi feita pela Microsoft e está incluída na ASP.NET MVC framework. Mas não consigo encontrar uma única fonte online que explique o que é. Qual é a diferença entre a biblioteca padrão de validação jQuery e a versão "discreta"?

Author: Rocket Hazmat, 2012-07-18

4 answers

{[[2]}o Brad Wilson tem alguns artigos excelentes sobre validação discreta e ajax discreta .
Ele também é mostrado muito bem neste vídeo Pluralsight na seção sobre "AJAX e JavaScript".

Basicamente, é simplesmente a validação Javascript que não polui o seu código-fonte com o seu próprio validação código. Isto é feito usando os atributos data- em HTML.

 111
Author: bertl, 2015-01-21 00:11:17

De forma discreta:

  • Você não precisa chamar o método validate ().
  • você especifica os requisitos usando atributos de dados (data-val, data-val-requerido, etc.)

Exemplo De Validação Do Jquery:

<input type="text" name="email" class="required">
<script>
        $(function () {
            $("form").validate();
        });
</script>

O Jquery Valida Um Exemplo Discreto:

<input type="text" name="email" data-val="true" 
data-val-required="This field is required.">  

<div class="validation-summary-valid" data-valmsg-summary="true">
    <ul><li style="display:none"></li></ul>
</div>
 90
Author: James Lawruk, 2013-12-04 01:36:21

Para uma clarificação, aqui está um exemplo mais detalhado demonstrando a validação do formulário usando a validação jQuery de forma discreta.

Ambos usam o seguinte JavaScript com jQuery:

  $("#commentForm").validate({
    submitHandler: function(form) {
      // some other code
      // maybe disabling submit button
      // then:
      alert("This is a valid form!");
//      form.submit();
    }
  });

As principais diferenças entre os dois plugins são os atributos utilizados para cada abordagem.

Validação JQuery

Basta usar os seguintes atributos:

  • ajuste necessário se necessário
  • definir o tipo para a formatação adequada (e-mail, etc.)
  • definir outros atributos como o tamanho (Comprimento mínimo, etc.)
Aqui está o formulário...
<form id="commentForm">
  <label for="form-name">Name (required, at least 2 characters)</label>
  <input id="form-name" type="text" name="form-name" class="form-control" minlength="2" required>
  <input type="submit" value="Submit">
</form>

Validação De JQuery Discreta

São necessários os seguintes atributos de dados:

  • data-msg-required= " This is required."
  • data-rule-required= "true/false"
Aqui está o formulário...
<form id="commentForm">
  <label for="form-x-name">Name (required, at least 2 characters)</label>
  <input id="form-x-name" type="text" name="name" minlength="2" class="form-control" data-msg-required="Name is required." data-rule-required="true">
  <input type="submit" value="Submit">
</form>

Com base em qualquer um destes exemplos, se os campos do formulário necessários tiverem sido preenchidos, e se corresponderem aos campos adicionais critérios de atributos, então uma mensagem irá aparecer notificando que todos os campos do formulário são validados. Caso contrário, haverá texto perto dos campos de formulário ofensivo que indica o erro.

Referências: - validação jQuery: https://jqueryvalidation.org/documentation/

 14
Author: Richard Nalezynski, 2016-11-22 02:01:55
A validação de JQuery é uma colecção de ASP.Net extensões auxiliares de HTML do MVC. Estes fazem uso do suporte nativo da jQuery Validation para validação impulsionado pelos atributos de dados HTML 5. A Microsoft enviou jquery.validar.discreto.js voltou com MVC 3. Ele forneceu uma maneira de aplicar validações de modelos de dados para o lado do cliente usando uma combinação de Validação de jQuery e atributos de dados HTML 5 (essa é a parte "discreta").
 5
Author: bimal, 2016-05-04 07:15:00