HTML5/ novalidate

novalidate란 html5에 새롭게 추가된 요소로 html5에서 유효성 검사를 하지 않겠다는 의미이다.

<form novalidate>

<input type="text" placeholder ="입력하세요" required/>

<button type="submit"/>

</form>

이렇게 될경우 novalidate를 명시하지 않을 때는 그냥 required 표시를 안띄고 바로 넘어가게 된다. 

 

이는 내가 jquery의 validate를 사용할 때 알게되었다.

 

$("#projectForm").validate({
rules : {
Revenu : "required",
Labor : "required",
},
messages: {
Revenu : {
required: "please input revenu"
},
Labor : {
required: "please input Labor "
}
},
submitHandler: function (form) {
console.log("클릭")
var obj = JSON.stringify($('#projectAForm').serializeObject());
console.log(obj);
$.ajax({
type : "post",
url : "/insert/testForm",
contentType : "application/json",
data : obj,
success: function (data) {
alert("저장")
},
error : function (xhr) {
alert("insert doing error caution : " + xhr.statusText);
}
})
}

});

하고 쓸 경우 "나는 jquery에서 제공해주는 validation을 쓰겠다는 의미로 html5 폼의 validation기능을 비활성화 시켜준다.