jQuery 폼 유효성 검사 - 문자 만 허용 - 공백도 허용하지 않음

Question

나는이 두뇌에 내 머리를 얹어왔다. 나는 jQuery Validate를 사용하지 않았고 응용 프로그램 양식에 대한 자체 유효성 검사 스크립트를 작성했습니다. 유일한 것은, 내 양식에있는 모든 것이 유효하며, firstname 및 lastname 필드를 제외하고는 공백이 글자 대신에 사용되며 (필자는 원하지 않는다) 글자, 공백 또는 숫자 만 허용하기를 원합니다.

유일한 것은, 나는 그렇게 할 수 없습니다. 이름과 성 필드에 아무 것도 삽입되지 않으면 두 필드에 실제로 내용이없는 한 양식의 두 번째 페이지로 넘어갈 수 없으며 유효성을 검사하지 않습니다.

슬프게도 필드에 공백을 넣을 수 있습니다. 그다지 좋지 않습니다. 또한 숫자도 사용할 수 있습니다.

나는 두 필드에서만 글자를 허용하고 몇 가지 시도를했지만 아무 소용이 없습니다.

if(firstname!="" && firstname.match(/^[a-zA-Z_]$/)) { 
      $("#FirstName").parent("label").css('color','#444'); 
     }else { 
      $(".errors").append("<br/>Please enter your First Name").show(); 
      $("#FirstName").parent("label").css('color','#FF0000'); 
     } 
     if(surname!="" && surname.match(/^[a-zA-Z_]$/)) { 
      $("#Surname").parent("label").css('color','#444'); 
     }else { 
      $(".errors").append("<br/>Please enter your Last Name").show(); 
      $("#Surname").parent("label").css('color','#FF0000'); 
     } 

Answer 1

당신은이 방법을 확인할 수 있습니다 여기에

이 두 필드의 유효성 검사를 수행하는 코드입니다.

if(firstname!="" && (firstname.match(/^[a-zA-Z]$/) !== null)) { 
      $("#FirstName").parent("label").css('color','#444'); 
     }else { 
      $(".errors").append("<br/>Please enter your First Name").show(); 
      $("#FirstName").parent("label").css('color','#FF0000'); 
     } 
     if(surname!="" && (surname.match(/^[a-zA-Z]$/) !== null)) { 
      $("#Surname").parent("label").css('color','#444'); 
     }else { 
      $(".errors").append("<br/>Please enter your Last Name").show(); 
      $("#Surname").parent("label").css('color','#FF0000'); 
     } 

다양한 사람들이 등 "밴 댐"같은 성씨을 가지고 나는 성/성에서 일반적으로 공간을 허용하는 것이 좋습니다 그러나

내가에서 밑줄을 제거

편집 Regex는 글자 만 의도 할 때 밑줄을 긋습니다.