2013-12-07 22 views
0

我想驗證表單上提交和相同的點擊如果表單填寫正確比調用add()函數。我不是高級用戶,所以請保持簡單,如果還有其他方法可以做到這一點,我將不勝感激。我需要幫助來調用添加()函數,並驗證函數,所以首先它將驗證並添加

這裏是我的代碼:

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Untitled Document</title> 
    </head> 
    <body> 
     <script> 
     function validate() { 
      var x = document.forms["myform"]["fnum"].value; 
      var y = document.forms["myform"]["snum"].value; 
      if(x=="" || x ==null){ 
       alert("Please Enter the ist Number"); 
       return false; 
      } 
      if(y=="" || y== null){ 
       alert("Please Enter the 2nd Number"); 
       return false; 
      } 
     } 
     function add(){ 
      var x = document.forms["myform"]["fnum"].value; 
      var y = document.forms["myform"]["snum"].value; 
      x=parseInt(x); 
      y=parseInt(y); 
      var sum = x +y; 
      document.write(sum); 
     } 
     </script> 

     <form name="myform" onSubmit="return validate()"> 
      First Number: <input type="number" name="fnum"> 
      Second Number : <input type="number" name="snum"> 
      <input type="submit" value="submit"> 
     </form> 
    </body> 
</html> 

回答

1

您需要第三個函數,它這個邏輯如下:

function submit() { 
    if(validate()) { 
     add(); 
     return true; 
    } else { 
     return false; 
    } 
} 

再有

<form name="myform" onSubmit="return submit()"> 
... 

或者,您也可以在這種情況下,add()調用validate()並返回false,並且在提交表單時只有return add()