로그인 등록 페이지 폼 검증 원생 js
2399 단어 프런트 엔드
<script src="./js/jquery.js"/>
<link rel="stylesheet" href="css/main.css"/>
<section class="top-img">
<image src="img/toubu@2x.png"/>
</section>
<section>
<p id="login">
</p><form action="#" method="post">
<p>
<image src="img/me@2x.png" class="input-left"/>
<input type="text" id="name" required="required" placeholder=" " maxlength="10" for="name"/>
</p>
<p class="input-p">
<image src="img/phone@2x.png" class="input-left"/>
<input type="text" id="phone" required="required" placeholder=" " maxlength="11"/>
<image src="img/kejian@2x.png" class="input-right"/>
</p>
<input class="but" type="button" value=" " id="send"/>
</form>
</section>
<section class="checkbox">
<input type="checkbox" id="ch"/>
<span class="checkbox-p"> <a onclick="" class="a-link"> </a> <a class="a-link"> </a> </span>
</section>
<script>
window.onload = function () {
var name = document.getElementById('name');
var phone = document.getElementById('phone');
var send = document.getElementById('send');
var ch = document.getElementById('ch')
var phoneR = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/
send.onclick = function () {
if (name.value == '') {
alert(' ')
return
}
if(){}
if (!phoneR.test(phone.value)) {
alert(' ')
return
}
if (!ch.checkbox) {
alert(' ')
return
}
}
}
</script>
<script src="js/main.js"/>
</code></pre>
<p> </p>
</div>
</div>
</div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Vue.js】컴포넌트의 3개의 네비게이션 가드일에서 사용하게 되었기 때문에 1부터 Vue.js에 대해 배웠다. 그 이름에서 알 수 있듯이 무언가를 가드하기위한 처리로, 대체로 페이지 천이 전에 특정 처리를 실행시켜 페이지 천이시키지 않게 한다. Vue.js의 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.