// HTML
<div class="col-sm-9">
<input type="email" name="mt_id" id="mt_id" value="" class="form-control form-control-sm" oninput="validEmail(this.value)" />
<small id="mt_id_help" class="form-text text-muted"></small>
</div>
// javascript
function validEmail(obj){
if(validEmailCheck(obj)==false){
$("#mt_id_help").html('* 이메일 형식으로 입력해주세요. ex) xxx@000.000');
$("#mt_id_help").show();
}else{
$("#mt_id_help").hide();
}
if(!obj){
$("#mt_id_help").hide();
}
}
function validEmailCheck(obj) {
const pattern = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
return (obj.match(pattern) != null);
}
'웹 개발 이야기 > js, jquery' 카테고리의 다른 글
[JS] Firebase Web Push (0) | 2023.06.14 |
---|---|
[JS] Excel 데이터 가져오기 (0) | 2023.06.08 |
[JS] SVG 이미지 이용한 별점 기능 제작 (0.1 단위) (0) | 2023.03.16 |
[JS] 한영키 누르지 않고 한글을 영어로 전환 (0) | 2023.03.16 |
[JS] 알리고 알림톡 발송 (0) | 2023.03.16 |
댓글