Come aggiungere una Validazione "equal to" (due campi devono essere uguali) utilizzando JQuery.
Può servire ad esempio per verificare che due campi email siano uguali (il classico "riscrivi la tua mail") per verificarne la correttezza.
Script:
/* Artigiani Del Web - Validazione Equal to */
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
$("#registrazione").validate({
rules: {
Nome: "required",
Cognome: "required",
Azienda: "required",
Settore: "required",
Telefono: "required",
Email: {required:true, email:true},
Privacy: "required",
conferma:
{
required: true,
equalTo: "#conferma2"
},
},
errorElement: "div",
errorPlacement: function(error, element) {
element.addClass("error");
}
});
});
// ]]>
</script>
Librerie esterne:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js" ></script>
Html:
<div class="error-message"></div>
<p>Are you Human?</p>
<input name="conferma2" id="conferma2" style="display:none;" value="9">
<label class="jftextbox" style="width: 100px; height: 16px;">5+4=</label>
<input class="jftextbox" style="width: 200px; height: 16px;" name="conferma" />
<div class="clear"></div>
Css:
<style type="text/css">
.error{color:red; background:#FFD9DA; border:1px solid red !important;}
</style>
Può servire ad esempio per verificare che due campi email siano uguali (il classico "riscrivi la tua mail") per verificarne la correttezza.
Script:
/* Artigiani Del Web - Validazione Equal to */
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
$("#registrazione").validate({
rules: {
Nome: "required",
Cognome: "required",
Azienda: "required",
Settore: "required",
Telefono: "required",
Email: {required:true, email:true},
Privacy: "required",
conferma:
{
required: true,
equalTo: "#conferma2"
},
},
errorElement: "div",
errorPlacement: function(error, element) {
element.addClass("error");
}
});
});
// ]]>
</script>
Librerie esterne:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js" ></script>
Html:
<div class="error-message"></div>
<p>Are you Human?</p>
<input name="conferma2" id="conferma2" style="display:none;" value="9">
<label class="jftextbox" style="width: 100px; height: 16px;">5+4=</label>
<input class="jftextbox" style="width: 200px; height: 16px;" name="conferma" />
<div class="clear"></div>
Css:
<style type="text/css">
.error{color:red; background:#FFD9DA; border:1px solid red !important;}
</style>
Commenti
Posta un commento