Hey.
Ok So I added the console.log command and ran the page. To start, here is a snippet of my page:
<script>
console.log(function checkPass(){
var pass1 = document.getElementById('myanswer');
var pass2 = document.getElementById('theanswer');
var goodColor = "#224466";
var badColor = "#900000";
if(pass1.value == pass2.value){
myanswer.style.backgroundColor = goodColor;
alert("Correct");
return false;
}else{
myanswer.style.backgroundColor = badColor;
return false;
}
} );
</script>
<div data-bb-type="round-panel">
<form onsubmit="return checkPass()">
And here are the errors being logged.
Just note that the log of the code appears upon initial page view. The Uncaught reference error happens once I press submit on my form, and then the page is redirected to my index.htm page.
Thanks! I wish I could give you points or something 
Re: Form Field Validation
Hey Marc,
thats not exactly what I meant. I thought of something like this:
<script>
function checkPass(){
console.log('CHECKPASS() IS CALLED!');
var pass1 = document.getElementById('myanswer');
var pass2 = document.getElementById('theanswer');
var goodColor = "#224466";
var badColor = "#900000";
if(pass1.value == pass2.value){
myanswer.style.backgroundColor = goodColor;
alert("Correct");
return false;
}else{
myanswer.style.backgroundColor = badColor;
return false;
}
} );
</script>
But I'm pretty sure you can get your problem solved by either putting your script directly within your index.htm or at least by including an external .js file that get loaded in your index file.
And feel free to hit the "Like" button when you consider my replies helpful.
One more question and I promise I will stop bothering you forever 
I have three screens. My Index, My Menu, and My Other Screen.
My menu contains a list that is generated from an array loaded from a SQL database upon DOMready provided in the index page. When clicking on these items in this list, you are brought to page "other", where they can modify the title of the list item. Once the title is done, they press submit, and it brings them back to the menu (with the list).... However this list does NOT refresh. To refresh I have to press back into the index, and go back forward into my menu.
How could I make the list refresh without this extra step.
ondomready: function(element, id) {
if (id == 'play') {
var myList = []
myList = lib.query("slogan", {correct: "0"});
var myList2 = []
myList2 = lib.query("slogan", {correct: "1"});
[...]
The above is in my index.htm page
My menu page only contains this <div id="play" data-bb-type="screen" data-bb-effect="fade"> with the list that gets populated.
And my other page contains the code that we were discussing in this thread.
