About change event in IE, and automatic submission form...
Hi dear community,
I'm trying to find a way to solve a strange, yet understandable
problem. I'm now working on a private website, that's going to be used
by about 50-100 users, not more. Project manager asked me to make it
full ajax, including loading of external forms, Json responses, etc
etc...
I decided to make this interface as empty as I can, to be fully
session dependant, and 100% user reactive. Basically, my major problem
here is the 'change' event support in IE (network users cannot use
FF); I admit I made a mistake coding under FF, but using Firebug and
other plugins is so much easier... And now, i'm stuck. My code works
great under FF (except for a couple of minor bugs), but under IE ,
it's just embarrassing...
Here's the full code :
<script type="text/javascript">
$(function(){
if ($('#coordonneesFacturation').length!=0) {
var target = $('#coordonneesFacturation');
$.ajax({
url: "/actions/commande/editerCoordonneesFacturationCommande",
success: function(reponseFormulaireFacturation){
$('#coordonneesFacturation').html(reponseFormulaireFacturation);
validerSubmitCoordsFacturation();
}
});
}
function validerSubmitCoordsFacturation(){
$("#formulaireFinalCreationCompte").change(function(){
$(this).validate({
errorPlacement: function(error, element){
error.appendTo(element);
},
rules: {
facturationCivilite: "required",
facturationNom: "required",
facturationPrenom: "required",
facturationAdresse1: "required",
facturationCodePostal: {
required: true,
rangelength: [5, 5],
number: true
},
facturationVille: "required",
facturationTel: {
number: true,
required: true
},
facturationEmail: {
required: true,
email: true
}
},
submitHandler: function(form){
var action = $(form).attr('action');
var data = $(form).serialize();
$.ajax({
url: action,
data: data,
success: function(reponseJSON){
$('#coordonneesFacturation').empty();
$('#coordonneesFacturation').html
(reponseJSON);
validerSubmitCoordsFacturation();
}
});
}
});
if ($(this).valid()) {
$(this).submit();
}
});
}
$.getJSON("/actions/formulaireArticles?
referenceVitrine=CARTEBESTCADEAUX", function(reponse){
generationTable(reponse);
});
function generationTable(reponse){
//loop through all items in the JSON array
for (var x = 0; x < reponse.articles.length; x++) {
var articleRow = $("<tr>").addClass
("ligneArticlePrincipal").appendTo("#panierDetail tbody");
$("<td>").addClass("libelleArticlePrincipal").text
(reponse.articles[x].libelle).appendTo(articleRow);
var prixAffiche = parseInt(reponse.articles
[x].prixAffiche);
if (prixAffiche != 0) {
$("<td>").addClass('prixTotalLigne').text
(reponse.articles[x].prixAffiche).appendTo(articleRow);
}
else {
$("<td>").html('<input type="text"
id="prixUnitaireArticle" value="0" name="prixCommandeCarte"/