워드프레스 템플릿 화일을 만들어서 아래와 같은 폼으로 입력받으려 하고 있는데요.
필수 항목(이름)을 안쓰고 눌렀을 때 "이름은 필수입니다" 라는 안내 메시지가 나오게 하려면 어떻게 해야 하나요?
<form action="" method="post" id="addcourse">
<label>신청자 이름(필수): <input type="text" name="aname" /></label>
<label>주택종류: <input type="text" name="adept" /></label>
<label><input type="submit" name="Submit" id="addcoursesubmit" value="신청합니다" /></label>
</form>
안녕하세요~^^
신청 시 필수 항목(이름)을 체크하시려면
올려주신 코드 대신 아래의 코드로 교체해보시겠어요?
<form action="" method="post" id="addcourse" onsubmit="form_execute()">
<label>신청자 이름(필수): <input type="text" name="aname" /></label>
<label>주택종류: <input type="text" name="adept" /></label>
<label><input type="submit" name="Submit" id="addcoursesubmit" value="신청합니다" /></label>
</form>
<script>
function form_execute(){
if(!jQuery('input[name="aname"]').val()){
alert('이름은 필수 입니다.');
}
}
</script>
구글에 jQuery 필수 입력 체크 키워드로 검색해보시면
많은 자료가 있으니 참고해보시면 도움이 되실 듯합니다.
또는 올려주신 코드 중에서
아래의 코드를
<label>신청자 이름(필수): <input type="text" name="aname" /></label>
아래의 코드로 교체하시면 별도로 jQuery 코드를 추가하지 않아도
required 속성을 추가해서 필수로 값을 입력받게 할 수 있습니다.
<label>신청자 이름(필수): <input type="text" name="aname" required/></label>
고맙습니다.