인수를 추가하거나 배열을 추가 하시겠습니까?

Question

나는 [이 사이트의 다른 사용자로부터 정보를 얻은 덕분에!]이 코드 조각을 가지고 있으므로 수정할 필요가있는 하나의 필드가 아닌 여러 필드를 확인할 수 있습니다. 두 번째 함수에 인수를 추가해야하거나 변수 checkString을 배열로 변환해야하는지 잘 모르겠습니다.

function getField(fieldType, fieldTitle) { 
    var docTags = document.getElementsByTagName(fieldType); 
    for (var i = 0; i < docTags.length; i++) { 
     if (docTags[i].title == fieldTitle) { 
      return docTags[i] 
     } 
    } 
} 

function checkField() { 
    var checkString = getField('input', 'fieldtocheck').value; 
    if (checkString != "") { 
     if (/[^A-Za-z\d]/.test(checkString)) { 
      alert("Please enter only alphanumeric characters for the field fieldtocheck"); 
      return (false); 
     } 
    } 
} 

"getfield"를 "checkfield"에 인수로 제공하는 것이 가장 좋은 방법이라고 생각합니다.하지만 어떻게해야합니까?

도움을 주시면 감사하겠습니다.

나는 당신의 기능은 더 일반적인하고 필드를 식별하는 클래스를 사용하는 것이

Answer 1

:

function checkFields(className, regex) { 
    var inputs = document.getElementsByClassName(className); 

    for (var i = 0; i < inputs.length; i++) { 
     if (!regex.match(inputs[i].value)) { 
      return false; 
     } 
    } 

    return true; 
} 

function validate() { 
    if (!checkFields('alphanum', /^[A-Za-z\d]+$/)) { 
     alert('Please enter only alphanumeric characters'); 
    } 
} 

그리고 당신의 HTML은 다음과 같이 수 :

<input type="text" class="alphanum" /> 

훨씬 간단 (더 나은, IMO) 접근 방식은 jQuery validation plugin을 사용하는 것입니다.