2013-06-27 3 views
2

HTML5 양식에 유효한 패턴을 찾으려고합니다. 모든 상단에 소문자, 공백, 숫자 및 기호/\ @ # $ % &을 허용하고 싶습니다.HTML5 양식 패턴/유효성 검사

몇 가지 다른 형식을 시도했지만 아무런 행운이 없었습니다.

지금까지 내가 가진 :

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<form onsubmit="getElementById('s').innerHTML=getElementById('i').value;return false;"> 
 
    Country code: <input id="i" type="text" name="country_code" pattern="([a-zA-Z0-9]| |/|\\|@|#|\$|%|&)+" title="Three letter country code"> 
 
    <input type="submit"> 
 
</form> 
 
<p>Submitted value: <span id="s">

참고 : 입력 태그의 패턴 속성은

Address: <input type="text" name="Address" size="25" pattern="[a-zA-Z0-9 ]{2,35}]" title="Title" required/> 
+0

에서 자신 만의 테스트를 만들기 위해 그것을 사용할 수 있습니까? –

+0

번호. 그는 원하지 않는다! ,? | 및 기타 구두점 문자 : D –

답변

6

이 내가 W3 스쿨 테스트 페이지로 구축 예입니다 Internet Explorer 9 및 이전 버전 또는 Safari에서는 지원되지 않습니다.

당신은 당신이 모든 것을 원하는 의미 http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_pattern

+3

정규식 패턴이 올바르지 않습니다. 올바른 것은'([a-zA-Z0-9] |/| \\ | @ | # | \ $ | % | &) +'이거나'[a-zA-Z0-9/\\ @ # $ % &] +' – Toothbrush