두 개의 텍스트 상자에 값이 있는지 확인하십시오.

Question

내 페이지에 여러 개의 텍스트 상자가 있습니다. 사용자가 텍스트 상자 1의 값을 선택하고 텍스트 상자 2를 비워두면 팝업 메시지가 나타나야합니다. 두 텍스트 상자에 값을 입력해야합니다.

나는 서로 값을 비교하고 싶지 않아요. (두 텍스트 상자 값이 동일해야합니다 마찬가지로)

텍스트 상자 (1) 번호 필드 및 텍스트 상자 2 날짜 필드입니다.

값이 하나라도 입력되면 사용자가 페이지를 제출하지 않아야 처리가 중지되고 비어있는 텍스트 상자로 리디렉션됩니다.

지금 내가 지금까지 시도한 바가 있습니다.

$("#button_id").click(function() { 

var n = document.getElementById('text1'); 
var m = document.getElementById('text2'); 


if(n.value.trim() != "" || n.value == undefined) 
{ 
    if (n.value.trim() != "" && m.value.trim() == "") 
    { 
     alert("text1 should have some value"); 
     return false; 
    } 
} 
if(m.value.trim() != "" || m.value == undefined) 
{ 
    if (m.value.trim() != "" && n.value.trim() == "") 
    { 
     alert("text2 should have some values"); 
     return false; 
    } 
} 

}); 

아래 코드에서 나는 텍스트 상자가 비활성화되어 있는지 확인하고 싶습니다. 텍스트 상자가 비활성화되어 있으면 유효성 검사를 위해 테스트하지 마십시오.

부분 해결 방법 :

var _domArray = [$("#textbox1"),$("#textbox2")] 
var chk = $x('textbox2').disabled = false; 

$("buttonid").click(function() { 

_domArray.forEach(function(item){ 
    if(item.val() ==''){ 
    var _getId =item.attr('id'); 
    alert(_getId +" should have some value"); 
    this.browserEvent.preventDefault(); 
    this.browserEvent.stopImmediatePropagation(); 
    return false; 
} 
}) 
}); 

Answer 1

이 <input>들에 required 속성을 사용하여, 당신은 document.querySelector('form.insertSelectorHere').matches(':valid')와 자바 스크립트에서 확인할 수 있습니다.

Answer 2

배열을 사용하여 DOM 요소를 저장하고 루프를 반복하여 비어 있는지 확인합니다. 그렇다면 경고를 통해 확인합니다.

또한

당신이 JQuery와 함께이 태그 이후 당신이 입력 유형 번호를 & 날짜 jQuery를 사용하여

var _domArray = [$("#text1"),$("#text2")] 
$("#button_id").click(function() { 
_domArray.forEach(function(item){ 
    if(item.val() ==''){ 
     var _getId =item.attr('id'); 
     alert(_getId +" should have some value") 
    } 
}) 
}); 

를 사용하는 가정

당신은 당신이 원하는 것을 말했다 jsfiddle