2016-03-18 26 views
1

jQuery mobile kullanıyorum ve formu doğrulamak istiyorum. Forma bir paymentDetailForm sınıfı verdim.)jQuery Mobile, form değişikliğini onayla gönder

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

};:

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

formda Gönder düğmesini javascript sonra paymentConfirm kimliğine sahipse, bu kodu kullanıyorum

Burada validatePaymentDetailForm, form alanlarını doğrulamak için yazdığım özel bir doğrulama işlevidir. Form doğrulanmazsa false döndürür, aksi halde doğru döner.

Başarılı form gönderiminde, kullanıcıyı başarı mesajı sayfasına yönlendirmeye çalışıyorum. Alt sayfanın kimliği successPage, ancak yukarıda gösterilen kod çalışmıyor. Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: mobile-pagecontainer

herhangi bir fikir ne yanlış yapıyorum: Bu hat yürütüldüğünde ise

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

Konsol, bu hata gösteriyor?

cevap

0

Eski jQuery Mobile 1.2 sürümünü kullanıyordum. Görünüşe göre jQuery pagecontainer tarihinde eklendi jQuery Mobile ver 1.4. jQuery mobil sürümünü değiştiremedim, bu yüzden changePage() işlevini kullandım.

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

Bu

kodudur, ben sayfa geçiş çalışması için kullanılan