Javascript / JQuery 로 엘리먼트 값 체크하기

■ Javascript 로 특정 Form 의 모든 엘리먼트들에 대해 값이 있는지 검사하기

var elements = document.getElementById("ds_form").elements;

for (var i = 0, element; element = elements[i++];)
{
//if (element.type === "text" && element.value === ""){
if (element.value === "")
{
$("#errormsg").fadeIn().text("Error!").css("color", "red");
element.focus();
return false;
}
}

 

■ Javascript 로 특정 태그 이름의 모든 엘리먼트들에 대해 값이 있는지 검사하기

var elements = document.ds_form.getElementsByTagName("input");
for (var i = 0; i < elements.length; i++)
{
if(elements[i].value == "")
{
$("#errormsg").fadeIn().text("Error").css("color", "red");
elements[i].focus(); return false;
}
}

 

 

■ JQuery 로 특정 아이디의 태그에 값이 있는지 체크하기

var querytext = $("input#querytext").val();
if (querytext == "") {
    $("#errormsg").fadeIn().text("Error!").css("color", "red");
    $("input#querytext").focus(); return false;
}

 

■ Attribute Starts With Selector : 특정 속성이 특정 텍스트로 시작하는 엘리먼트만 선택하기

// input 태그 속성 name 이 news 로 시작하는 원소의 값을 "news here" 로 변경$("input[name^='news']").val("news here");