Has anyone found that the BC javascript validation conflicts with jquery mobile?

Question

I have added a form module to a page. Page has a desktop and mobile template - mobile template based on jquery.
Form validates nicely on desktop (if the fields are not complete - then a javascript alert pops up. Visitor can close the alert dialog box and can complete the form.)
However, on mobile, if the form is not filled out in manditory fields, the javascript alert pops up (as it should), but then the page goes to an error page - "Please fix this issue and re-insert your web form on your web page."
Has anyone else had this problem. And even better - does anyone know of a solution? Thanks!

Answer 1

This doesn't have to do with BC's form validation. The problem with your mobile site right now is that you are using the "$" variable which is usually associated with jQuery before jQuery is loaded on your page.  Once there's a javascript error on your page, the rest of the javascript will stop running so this error occurs very early on your page and some other javascript will stop working.
To fix this you need to move the bit of javascript on line 13 of your page templates further down after the jQuery library is referenced, so this:
<script>
        $(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
});</script>
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
becomes this:
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script>
        $(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
});</script>