我們可以使用一個Java腳本函數對多個輸入進行驗證嗎？

Question

我們創建了一個JavaScript函數來驗證用戶名 ，它工作正常，但是如果我嘗試在同一jsp頁面上將此函數用於另一個輸入驗證，則它僅顯示文本，我在同一函數中包括了文本顏色，但沒有在第二次輸入驗證中工作。 是否有可能獲得？，如果可以，我如何獲得？，我正在用Java腳本入門，請給我答案（如果有的話），謝謝。

例如，這是我的js函數：

function name_validation()
      {
         if(true){
          var unam=document.getElementById("v2").innerHTML="valid";
          v2.style.color="green"; //this line is not exist in second input validation
                 }
         else{
            var unam=document.getElementById("v2").innerHTML="invalid";
            v2.style.color="red"; //this line is not exist in second input validation
              }
      }

這是我的jsp代碼：

name:<input type="text" id="name" onchange="name_validation();"><a id="v2"></a>
Father name:<input type="text" id="name" onchange="name_validation();"><a id="v2"></a>

Answer 1

您可以像這樣傳遞當前對象

name:<input type="text" id="name" onchange="name_validation(this);">
Father name:<input type="text" id="father_name" onchange="name_validation(this);">

然后做（JQuery）：

function name_validation(obj) {
var value = $(obj).val();
...
}

對於javascript

function name_validation(obj) {
var value = obj.value;
...
}

Answer 2

嘗試這種方式希望對您有所幫助：

Name:<input type="text" id="name" onchange="name_validation(this.id);">
Father name:<input type="text" id="father_name" onchange="name_validation(this.id);">

function name_validation(id){ 
  if(document.getElementById(id).value == ''){
    alert(id + 'is null');
  }

}

Answer 3

請嘗試以下。

Name:<input type="text" id="name" class="validate">
Father name:<input type="text" id="father_name" class="validate">
$(function(){
   $('.validate').on('blur',function(){
      if($(this).val() == '')
      {
         $(this).css({'border-color':'red','background':'somecolor '});
      }
      else{
         $(this).css({'background':'somecolor'});
      }   

   });

});