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기능을 비활성화 시켜준다.
'HTML5' 카테고리의 다른 글
[CSS] Display Flex에 대해서 (0) | 2021.11.04 |
---|