Как проверить ответ вычисления двух полей ввода перед отправкой формы

Question

У меня есть форма регистра с двумя полями включает случайное значение int и поле ввода результата для ответа есть код Javascript для проверки полей при отправке I ' м, пытаясь также вычислить 2 поля и сравнить его со значением результата

Вот HTML:

<form method="post" id="contactForm" enctype="multipart/form-data" name="q_sign"> 
<input type="text" name="q_name" id="senderName"/> 
<input type="text" name="q_mail" id="senderEmail" /> 
<input name="val1" type="text" disabled id="val1" value="php random value1" readonly="readonly" /> 
<input name="val2" type="text" disabled id="val2" value="php random value2" readonly="readonly" /> 
<input type="text" name="total" id="total" /> 

<input type="submit" id="sendMessage" name="sendMessage" value="Register" onClick="return check_data(this.form)" /> 

Javascript часть:

function check_data(form) { 
var val1 = (document.q_sign.val1.value); 
var val2 = (document.q_sign.val2.value); 

if(document.q_sign.q_name.value==''){ 
    alert("please enter your name"); 
    return false; 
}else if(document.q_sign.q_mail.value==''){ 
    alert("please enter your email"); 
    return false; 
}else if(document.q_sign.total.value!=(val1+val2)){ //Issue is here 
    alert("wrong answer"); 
    return false; 
}else{ 
    return true; 
}} 

Answer 1

maybe this is your expect below 


function check_data(form) { 
    var val1 = (document.q_sign.val1.value); 
    var val2 = (document.q_sign.val2.value); 
    if (document.q_sign.total.value != (eval(val1) + eval(val2))) { 
     alert("wrong answer"); 
     return false; 
    } else { 
     return true; 
    } 
    }