在帶有參數（JS）的Onclick事件中使用兩個函數

Question

這是我的兩個帶有參數的函數：

<script language="JavaScript" type="text/javascript">
 function code(input){ 
  if(input.match(/^[0-9]{11}$/)){
  document.getElementById('ErrMsg').innerHTML += "Phone Is Valid"
    return true;
  }
   document.getElementById('ErrMsg').innerHTML += "Enter Valid Phone Number"
   return false;
 }
  function codee(input){ 
  if(input.match(/^[a-z]{11}$/)){
  document.getElementById('ErrMsg').innerHTML += "Name is Valid"
    return true;
  }
   //alert("Enter a Valid Phone Number");
   document.getElementById('ErrMsg').innerHTML += "Enter Your Valid Name"
   return false;
   }
  </script>

我的JS代碼如下：

 <input type=text size=12 name=lname id=lname/>
 <input type=text size=12 name=Phone id=Phone/>
 <input type=submit border=0 value=OK  onclick='return code(document.getElementById("Phone").value)' />

如何在表單的onclick中使用兩個功能？

Answer 1

您可以調用一個新方法來收集表單輸入並一次檢查一次：

function validate() {
    var isValid = true;

    isValid = isValid && code(document.getElementById('Phone').value));
    isValid = isValid && codee(document.getElementById('lname').value));

    return isValid;
}

您的按鈕變為：

<input ... onclick="return validate();" />

Answer 2

您可以執行以下操作：

<script language="JavaScript" type="text/javascript">
 function callBoth(input){ 
     return code(input) && codee(input);
 }

  </script>

無論您是AND還是OR，都取決於您的邏輯。

在您的按鈕中：

 <input type=submit border=0 value=OK  onclick='return callBoth(document.getElementById("Phone").value)'/>

---

根據您的評論，您需要像這樣更改代碼：

<script language="JavaScript" type="text/javascript">
 function callBoth(){ 
     return code(document.getElementById("Phone")) && codee(document.getElementById("lname"));
 }

  </script>

和你的按鈕

 <input type=submit border=0 value=OK  onclick='return callBoth();'/>