validation d'erreur avec jquery validateur plugin

-3

Ceci est la source complète de mon problème. Je ne suis pas en mesure d'afficher une liste des messages d'erreur et des éléments dans le errorContainer. c'est-à-dire que si je n'ai pas terminé Address1 et Address2, j'ai du mal à le dire dans le errorContainer? Est-ce possible? Un grand merci, Jamesvalidation d'erreur avec jquery validateur plugin

$(function() { 
     var validator = $("#mytestform").validate({ 
      rules: { 
       "data.Telephone": { number: true }, 
       "data.Mobile": { number: true }, 
       "data.Address1": { number: true }, 
       "data.Address2": { number: true } 
      }, 
      messages: { 
       "data.Telephone": "Please enter telephone number", 
       "data.Mobile": "Please enter mobile number", 
       "data.Address1": "Please enter address 1", 
       "data.Address2": "Please enter address 2" 
      }, 
      errorContainer: $('#errorContainer'), 
      invalidHandler: function() { 
       $("#errorContainer").addClass(' error').text(validator.numberOfInvalids() + " field(s) are invalid"); 
      } 
     }); 
    }); 

</script> 

<style type="text/css"> 
    label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } 
</style> 

</head> 

<body> 
<form id="mytestform" method="get"> 

    <input name="data.Telephone" id="data.Telephone" class="required" /> 
    <br/> 
    <input name="data.Mobile" id="data.Mobile" class="required" /> 
    <br/> 
    <input name="data.Address1" id="data.Address1" class="required" /> 
    <br/> 
    <input name="data.Address2" id="data.Address2" class="required" /> 
    <br/> 
    <input type="submit" value="GO"/> 

    <br/><br/> 

    <div id="errorContainer"> 

    </div> 

</form>

Source

2013-06-14 James Radford

Quel plugin utilisez-vous? – Michi

jquery validator plugin (jquery.validate.min.js) –

Avez-vous une erreur avec Javascript? – Michi

c'est la solution.

invalidHandler: function() { 
     $('#errorContainer').html('<ul>').addClass('errorContainer'); 
     for (var i = 0; i < validator.errorList.length; i++) { 
      $('#errorContainer').append('<li>' + validator.errorList[i].message + '</li>'); 
     } 
     $('#errorContainer').appendTo('</ul>'); 
    },

Source

2013-06-17 08:13:26

validation d'erreur avec jquery validateur plugin

Répondre

Questions connexes