Ciao
ho un problema con jquery: ho un codice funzionante che somma i valoir di due radio e un checkbox ad una cifra al volo. Se però aggiungo jquery validate il codice funziona non più al volo ma se si clicca fuori dopo aver fatto la selezione
questo è il codice funzionante al volo (ho commentato il codice che non fa funzioanre l'altro)
codice:
<script src="http://code.jquery.com/jquery-1.5.2.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$("#form1").validate({
rules: {
nome: "required"
},
messages: {
nome: " indicare il nome"
}
});
});
</script>
<script type="text/javascript">
$(window).load(function(){
var extra = document.getElementById('extra');
var tot="10";
extra.innerHTML = "€ "+ tot+'';
$(":input").change(function()
{
var option1;
var option3;
var costo;
var op = 0;
option1 = $("input[name=spedizione]:checked").attr("value");
option3 = $("input[name=urgenza]:checked").attr("value");
if (option1){
option1 = option1.replace(",",".");
op += parseFloat(option1, '10');
}
if (option3){
option3 = option3.replace(",",".");
op += parseFloat(option3, '10');
}
if (op > 0){
op+=parseFloat(tot,'10')
extra.innerHTML = '
€ '+op+' </p>';
}else{
extra.innerHTML = tot;
}
});
});
//]]>
</script>
questo è l'html
codice:
<form name="form1" method="post" action="" id="form1">
<input type="text" name="nome" value="" id="nome" class="required"> nome
<input type="radio" name="spedizione" value="6" id="prioritaria"> euro 6</p>
<input type="radio" name="spedizione" value="5" id="raccomandata"> euro 5</p>
<input type="checkbox" name="urgenza" value="2" id="urgenza"> euro 2
<div id="extra"></div>
<input type="submit" name="Submit" value="Invia">
</form>
ho provato in mille modi, forse vanno in conflitto, ho notato che su firefox funzioano entrambi i codici
potete aiutarmi?
Grazie
Alfi