>  기사  >  웹 프론트엔드  >  JavaScript에서 양식 유효성 검사를 구현하는 방법

JavaScript에서 양식 유효성 검사를 구현하는 방법

清浅
清浅원래의
2018-11-26 14:55:143325검색

이 글에서는 특정 참조 효과가 있는 JavaScript의 양식 유효성 검사 적용에 대해 공유합니다.

JavaScript에서 모든 사람에게 도움이 되기를 바랍니다. HTML 형식의 이러한 입력 데이터는 데이터가 서버로 전송되기 전에 검증됩니다. 클라이언트 측 양식 유효성 검사는 일반적으로 JavaScript를 사용하여 수행됩니다. 대부분의 사용자는 JavaScript 양식 유효성 검사를 통해 많은 시간을 절약할 수 있지만 사용자가 JavaScript를 비활성화한 경우에는 여전히 서버의 데이터를 다시 확인해야 합니다. 일반적으로 JavaScript로 확인하는 양식 데이터는 다음과 같습니다.

(1) 사용자가 양식에 필수 항목을 입력했는지 여부

(2) 사용자가 입력한 이메일 주소가 user is legal #🎜 🎜#

(3) 사용자가 올바른 형식으로 비밀번호를 입력했는지 여부

(4) 사용자가 데이터 필드에 텍스트를 입력했는지 여부

다음 단계는 실제 테스트를 통과하는 것입니다. 이 사례는 JavaScript에서 양식 유효성 검사를 사용하는 방법을 알려줍니다.
<table style="width:350px;height:200px;margin: 100px auto;border:1px solid #ccc;">
 <tr>
    <td>
用户名:<input type="text" name="username" id="txt">
    </td>
   <td id="sure"></td> 
</tr>
 <tr>
     <td>
密码 :<input type="password" name="password" id="mima">
      </td>
      <td id="sure1"></td>
</tr>
</table>


사용자 이름과 비밀번호 입력을 확인하는 데 오류가 있습니까? 🎜#

요약: 위 내용이 이 글의 전체 내용입니다. 양식 확인을 배우는 것은 모든 사람에게 도움이 될 것입니다.

위 내용은 JavaScript에서 양식 유효성 검사를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.