Qualche esperto di JQuery ?.... Sto impazzendo da tutto il giorno per validare un intervallo di date
codice:
// a custom method for validating the date range
$.validator.addMethod("dateRange",
function() {
return new Date($("#dataInizioAsString").val()) < new Date($("#dataFineAsString").val());
},
"Intervallo date non corretto");
$(function () {
$(":text, :password, #utente").bind("focus blur", function (event) {
if (event.type == "focus") {
$(this).css("border","2px solid #4C70AF");
} else {
$(this).css("border","");
}
});
var validator = $("#reportForm").validate({
rules: {
dataFineAsString : { dataRange: true },
utente : "required"
},
groups: {
dateRange: "dataInizioAsString dataFineAsString"
},
messages: {
utente: "Selezionare un utente"
},
errorPlacement: function(error, element) {
if (element.attr("name") == "dataInizioAsString" || element.attr("name") == "dataFineAsString" )
error.insertAfter("#dataFineAsString");
else
error.insertAfter(element);
},
debug: true
});
});
codice:
<label class="labelFiltro" for="dataInizioAsString">Da Data</label>
<input type="text" readonly="true" onclick="event.cancelBubble=true;this.select();lcs(this);" value="" name="dataInizioAsString" id="dataInizioAsString" maxlength="10">
<span style="margin-left: 5px;">
<label class="labelFiltroA" for="dataFineAsString">A Data</label>
<input type="text" readonly="true" onclick="event.cancelBubble=true;this.select();lcs(this);" value="" name="dataFineAsString" id="dataFineAsString" maxlength="10">
</span>
</p>