이 글에서는 폼 검증 제출을 구현하기 위한jQuery의 구체적인 방법을 주로 자세히 소개합니다.

이전 글 [jQuery 폼 검증 제출: 프론트엔드 검증]에서는 폼 검증 제출을 구현하기 위한 jQuery의 구체적인 메소드 코드를 간략하게 나열했습니다. 따라서 이 섹션에서는 양식 확인 제출을 구현하기 위한 jQuery의 구체적인 방법을 자세히 소개합니다.

주요 코드 예시는 다음과 같습니다.

        
  
 
 
 
 
 
jQuery用户注册表单验证代码
 
 
 
 
 
 
 
 
 手机号码  
  
  仅用于发送服务开通与到期提醒以及紧急故障方便联系到您，绝对保密 
 
 邮箱  
  
  请输入您常用的邮箱 
 
 设置密码  
  
  请使用6~20个英文字母（区分大小写）、符号或数字 
 
 确认密码  
  
  请输入确认密码，要和上面的密码一致 
 
 
 
 
  
 
 
 
  
 
 
 
  

위 코드에서는 단순히 프론트엔드 데이터 check1.php에 제출합니다. 제출 방법은 post이며, 양식에 클릭 이벤트를 제공합니다.

제출을 클릭하면 일련의 정보 판단이 이루어집니다. 그리고 클릭하여 등록하지 않을 때, 즉 클릭 이벤트가 발생하지 않을 때에도 판단이 있을 것입니다.

코드의 __changeUserName 메소드와 같이 이 메소드에서는 먼저 정규식을 사용하여 이메일 형식이 올바른지, 휴대폰 번호가 올바른지 확인합니다. 그리고 checkPwd1 및 checkPwd2 메소드에서 비밀번호가 요구 사항을 충족하고 첫 번째 비밀번호와 동일한지 확인합니다. 이러한 방법은 모두 등록 버튼을 클릭하지 않았을 때 발생하는 확인입니다.

물론 이러한 판단만으로는 부족하기 때문에 위 코드의 확인 방법 등 등록을 클릭할 때 발생하는 확인을 작성해야 하며, 이를 판단하는 방법은 다음과 같습니다. 각 필드(백그라운드에서 필요한 필드를 확인해야 함)

위의 등록 클릭 인증 방법 외에도 등록 클릭 버튼에 이벤트를 바인딩하여 인증 여부를 결정할 수도 있습니다. 여기서는 자세히 설명하지 않겠습니다.

관련된 js 및 css 코드는 이전 글 [jQuery 양식 확인 제출: 프론트 엔드 확인 1]에서 확인할 수 있습니다. 에게.

이 글은jQuery의 양식 확인 제출 구현 방법에 관한 것입니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

프론트엔드 관련 지식을 더 알고 싶다면 PHP 중국어 홈페이지를 따라가시면 됩니다.jQuery Video Tutorial,JavaScript Video Tutorial,BootstrapTutorial및 기타 관련 비디오 튜토리얼을 참조하고 학습하는 모든 분들을 환영합니다!

위 내용은 jQuery 양식 검증 제출: 프론트엔드 검증 2(이미지, 텍스트 + 비디오)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!