jQuery Mobile, Seite ändern auf Formular senden

Question

Ich benutze jQuery mobile und möchte ein Formular validieren. Ich habe eine Klasse von paymentDetailForm zum Formular gegeben.

<form method="post" action="demo.java" class="paymentDetailForm"> 

Die Submit-Button in der Form eine ID von paymentConfirm dann in Javascript hat, verwende ich diesen Code:

$("#paymentConfrim").click(function() { 
$(".paymentDetailForm").submit(function(event) { 
    if(!validatePaymentDetailForm()){ // if false comes from validation 
    return false; 
    } 
    else{ 
    $(':mobile-pagecontainer').pagecontainer("change", "#successPage", {}); 
    return true; 
    } 
}); 

});

Hier validatePaymentDetailForm ist eine benutzerdefinierte Validierungsfunktion ich geschrieben habe Formularfelder zu validieren. Es gibt false zurück, wenn form nicht validiert wird, andernfalls wird true zurückgegeben.

Nach erfolgreicher Formulareinreichung, ich versuche, um den Benutzer zu Erfolgsmeldung Seite zu umleiten. Die ID der Unterseite ist successPage, aber der oben gezeigte Code funktioniert nicht.

$(':mobile-pagecontainer').pagecontainer("change", "#successPage", {}); 

Console zeigt diesen Fehler, während diese Zeile ausgeführt wird: Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: mobile-pagecontainer

Jede Idee, was mache ich falsch?

Answer 1

ich ver 1.2 eine ältere Version von jQuery Mobile wurde mit. Anscheinend wurde das jQuery-Seitencontainer-Widget in jQuery Mobile Version 1.4 eingeführt. Ich konnte die mobile Version von jQuery nicht ändern, daher verwendete ich die Funktion changePage().

Dies ist der Code, habe ich die Seite Übergang Arbeit zu machen:

$("#paymentConfrim").click(function() { 
    $(".paymentDetailForm").submit(function(event) { 
    if(!validatePaymentDetailForm()){ // if false comes from validation 
    return false; 
    } 
    else{ 
     $.mobile.changePage("#submissionConfirmation", {}); 
    return true; 
    } 
});