입력 필드 추가 방법 (커스터마이징) 입력 중 필수 항목은 어떻게 해야 하나요?

입력 필드 추가 방법 (커스터마이징)  입력 중 필수 항목은 어떻게 해야 하나요?

아래의 체크 박스 및 type="text" 을 필수 항목으로 설정 하고 십습니다.

            <div style="padding:10px 0 15px 0; text-align:left;">
                <!-- 아래 히든(hidden) 필드의 값은 체크박스가 체크되지 않았을 때 저장할 기본값입니다. -->
                <input type="hidden" name="kboard_option_agreement" value="">
                <input type="checkbox" name="kboard_option_agreement" value="수집하는 개인정보 항목에 동의 합니다"<?php if($content->option->agreement == '수집하는 개인정보 항목에 동의 합니다'):?> checked<?php endif?>>
                수집하는 개인정보 항목에 동의 합니다
            </div>

 

            <div class="kboard-attr-row">
                <label class="attr-name" for="kboard_option_email">이메일</label>
                <div class="attr-value"><input type="text" id="kboard_option_email" name="kboard_option_email" value="<?php echo $content->option->email?>"> + 답변을 이메일로 보내드립니다</div>
            </div>    

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    코드를 추가해주실 땐 에디터에서 "코드 스니펫 삽입" 기능을 사용해주시길 부탁드립니다.

    input 태그에 required 속성을 추가해주시면 최신 브라우저에서는 쉽게 자동으로 필수로 입력받으실 수 있습니다.

    간단하지만 익스플로러 8 등 오래된 브라우저에서는 동작하지 않습니다.

    또, 이메일을 받으시려면 type을 text 대신 email로 하시면 해당 입력필드에 '@'를 포함하도록 할 수 있습니다.

     

    기존의 코드 대신 아래의 코드로 적용해보시겠어요?

    <div style="padding:10px 0 15px 0; text-align:left;">
    	<!-- 아래 히든(hidden) 필드의 값은 체크박스가 체크되지 않았을 때 저장할 기본값입니다. -->
    	<input type="hidden" name="kboard_option_agreement" value="">
    	<input type="checkbox" name="kboard_option_agreement" value="수집하는 개인정보 항목에 동의 합니다"<?php if($content->option->agreement == '수집하는 개인정보 항목에 동의 합니다'):?> checked<?php endif?> required>
    	수집하는 개인정보 항목에 동의 합니다
    </div>
    
    <div class="kboard-attr-row">
    	<label class="attr-name" for="kboard_option_email">이메일</label>
    	<div class="attr-value"><input type="text" id="kboard_option_email" name="kboard_option_email" value="<?php echo $content->option->email?>" required> + 답변을 이메일로 보내드립니다</div>
    </div>

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기