Webpage data not transfering to schema after function change
After someone hits submit on a form, i am getting two rows of data. Both have the same values for the manual inputs (email, name, etc), but for my checkboxes I am getting different values. On the first value, it shows all three values as not interetested/"0", and then the second row will show their actual inputs. Any idea why this is happening?
function next() {
var valid = validateForm()
if (valid == true) {
document.controller.submit('next','_self','next');
} else {
alert("Error");
}
if(document.getElementById('control_VC').checked){
document.controller.setValue('/ctx/vars/virtualcare',"0");
} else{
document.controller.setValue('/ctx/vars/virtualcare',"1");
}
if(document.getElementById('control_OB').checked){
document.controller.setValue('/ctx/vars/onlinebooking',"0");
} else{
document.controller.setValue('/ctx/vars/onlinebooking',"1");
}
if(document.getElementById('control_LHP').checked){
document.controller.setValue('/ctx/vars/profile',"0");
} else{
document.controller.setValue('/ctx/vars/profile',"1");
}
}
I also then added an alert if my email value was not filled out, and now the values are showing in the debug mode of the web page, but the values are not transferring to the data schema like they were when function validateForm() was set to only "return true;"
function setDefaultValue() {
document.getElementById("control_EMAIL").value = null;
}
function updateEmail(email) {
document.controller.setValue('/ctx/vars/email', email);
document.getElementById("control_EMAIL").value = "Ok";
}
function validateForm() {
var email = document.getElementById("control_EMAIL").value
if (email == null) {
alert("Alert");
}
else {
return true;
}
}