Javascript jQuery Mobile,表单提交时页面更改
我正在使用jQuery mobile,希望验证表单。 我给表单提供了一个Javascript jQuery Mobile,表单提交时页面更改,javascript,jquery,forms,validation,jquery-mobile,Javascript,Jquery,Forms,Validation,Jquery Mobile,我正在使用jQuery mobile,希望验证表单。 我给表单提供了一个paymentDetailForm类 <form method="post" action="demo.java" class="paymentDetailForm"> })) 这里的validatePaymentDetailForm是我为验证表单字段而编写的自定义验证函数。如果表单未验证,则返回false,否则返回true 在成功提交表单时,我尝试将用户重定向到成功消息页面。子页面的id为successPag
paymentDetailForm
类
<form method="post" action="demo.java" class="paymentDetailForm">
}))
这里的validatePaymentDetailForm
是我为验证表单字段而编写的自定义验证函数。如果表单未验证,则返回false,否则返回true
在成功提交表单时,我尝试将用户重定向到成功消息页面。子页面的id为successPage
,但上面显示的代码不起作用
$(':mobile-pagecontainer').pagecontainer("change", "#successPage", {});
控制台在执行此行时显示此错误:
Uncaught错误:语法错误,无法识别的表达式:不支持的伪:mobile pagecontainer
知道我做错了什么吗?我使用的是jQuery Mobile 1.2版的旧版本。显然,jQueryPageContainer小部件是在jQueryMobile 1.4版中引入的。 我无法更改jQuery mobile版本,因此使用了changePage()函数 这是我用来进行页面转换的代码:
$("#paymentConfrim").click(function() {
$( ".paymentDetailForm" ).submit(function( event ) {
if(!validatePaymentDetailForm()){ // if false comes from validation
return false;
}
else{
$.mobile.changePage( "#submissionConfirmation", {} );
return true;
}
});
我使用的是jQuery Mobile 1.2版的旧版本。显然,jQueryPageContainer小部件是在jQueryMobile 1.4版中引入的。 我无法更改jQuery mobile版本,因此使用了changePage()函数 这是我用来进行页面转换的代码:
$("#paymentConfrim").click(function() {
$( ".paymentDetailForm" ).submit(function( event ) {
if(!validatePaymentDetailForm()){ // if false comes from validation
return false;
}
else{
$.mobile.changePage( "#submissionConfirmation", {} );
return true;
}
});