폼 입력 요소 배열 mootools

양식에있는 모든 입력 요소를 통해 배열이 비어 있는지 확인해야합니다 (유효성 검사 또한 서버에 있음). Mootools는 사이트의 라이브러리로 사용되므로 여기에 내 코드가 있습니다.폼 입력 요소 배열 mootools

$$('#emeraldForm input').addEvent("submit",function(){ 
    //form validation 

});

양식을 제출하기 전에이 작업을 수행하고 싶습니다. 비어있는 클래스는 'keyup'이벤트에서 제거 될 오류 클래스가 제공됩니다.

See full code here

출처

2013-02-01 Alex

당신이 [유형 = 텍스트] 요소에 필요한 모든 입력을 할당과 같은 간단한 일을 할 수있는 것보다 당신은 HTML5 필수 속성 또는 Mootool의 더 많은 검증 공급자 (인라인 유효성 검사를) 사용하지 않으려면

$('emeraldForm').addEvent("submit",function(evt){ 
    var preventSubmission = false; 
    $(this).getElements("input[type=text].required").each(function(elem) { 
     if (elem.get("value").trim() == "") { 
      elem.addClass("error");     
      preventSubmission = true; 
     } 
    }); 
    $(this).getElements("input[type=checkbox].required").each(function(elem) { 
     if (!elem.get("checked")) { 
      elem.addClass("error");     
      preventSubmission = true; 
     } 
    }); 
    if (preventSubmission) { 
     evt.preventDefault(); 
    } 
});

내가 추가하고 클래스 오류 빨간색 배경이나 솜으로 지정 CSS에있을 수 있습니다 : 입력 [입력 = 확인란] 요소

class="required"

다음은 같은 것을 할 입력 요소 또는 유사한주의 끌기 물건 옆에있는 e 아이콘.

출처

2013-02-01 23:18:56 Jano

HTML5 호환 웹 사이트 만 살 수 있다면. 그런 다음 입력 필드에 "필수"속성을 설정합니다. 클라이언트 측 또는 서버 측 유효성 검사가 필요하지 않습니다. 모든 HTML5 호환 브라우저가 대신 해줍니다. 여기에 몇 가지 예제 코드는 다음과 같습니다

<input name="url" placeholder="Input Example" type="text" required>

출처

2013-02-01 16:31:21 systemboot

폼 입력 요소 배열 mootools

답변

관련 문제