I would like to display the required message on each input element in addition to performing the check on each pair of checkboxes and input text, but it is only occurring on the first input I am giving focus.
<html>
<head>
<script src="/jscss/jquery-2.0.3.js" type="text/javascript"></script>
<script src="/jscss/jquery.validate.js" type="text/javascript"></script>
<script>
$(document).ready( function() {
//Método para verificar as notas com uso de expressão regular
$.validator.addMethod("verifica_media", function(value, element) {
return ((/^(((([1]{1}[0]{1})\.([0]{1}))|((([0_]{1})(\d){1}))\.(\d{1})))?$/i.test(value) && !($('.Checkconceito').is(":checked"))) || ((this.optional(element)) && ($('.Checkconceito').is(":checked"))));
}, "Por favor entre com uma nota válida ou o conceito F.");
$(".conceito").validate({
// Define as regras
debug: true,
rules:{
media:{
verifica_media: true
}
},
messages:{
media:{
required: "Digite uma média válida (valores entre 0.0 e 10.0"
}
}
});
});
</script>
<script src="/jscss/jquery.maskedinput.js" type="text/javascript"></script>
<script>
jQuery(function($){
$(".conceito").mask("99.9");
});
</script>
</head>
<body><form id="formularioContato" method="post">
<div align="center">
<ul>
<li>
<label>Nota:</label><input type="text" id="nota" name="nota" class="conceito"></span>
<input type="checkbox" id="notaf" name="notaf" value="notaf" class="Checkconceito">Nota F
<br />
</li>
<li>
<label>Nota:</label><input type="text" size="4" id="nota" name="nota" class="conceito"></span>
<input type="checkbox" id="notaf" name="notaf" value="notaf" class="Checkconceito">Nota F
<br />
</li>
</ul>
</div>
<input class="submit" type="submit" id="enviar" name="enviar" value="Enviar" />
</form>
</body>
</html>