이름 필드에 텍스트 만 포함되어 있는지 확인

-2

이름 필드에 텍스트 만 포함해야합니다.이름 필드에 텍스트 만 포함되어 있는지 확인

<html> 
<head></head> 
<body> 
    <form name="form1"> 
     Name <input type="text" name="fname"> 
     <input type="submit" value="Submit"> 
    </form> 
</body> 
</html>

HTML 또는 자바 스크립트를 사용하여 어떻게 할 수 있습니까?

출처

2014-01-30 Yogita Negi

구글에서 간단한 검색이 충분 포함하는 입력 필드의 유효성을 검사하는이 – user1428716

사용하여 자바 스크립트에서이 정규식 : /^[a-z]+$/i

WORKING DEMO

자바 스크립트 :

var submit = document.getElementById("submit"); 
submit.addEventListener("click", checkInput, false); 

function checkInput(e){ 
    e.preventDefault(); 
    var pattern = /^[a-z]+$/i; 
    alert(pattern.test(document.getElementById('text').value)); 
}

출처

2014-01-30 06:02:49

당신은 알파 문자를 제거한 후 "왼쪽 아무것도"거기 여부를 테스트 할 수 있습니다.

<html> 
<body> 
<form name="form1" onsubmit="return checkform();"> 
    Name<input type="text" name="fname" id="fname"> 
    <input type="submit" value="Submit"> 
</form> 

<script> 
function checkform(){ 
    var fname=document.getElementById('fname').value; 
    if (fname.replace(/\w/g,'')!=''||fname==''){ 
    alert('invalid firstname!'); 
    return false; 
    } 
    return true; 
} 
</script> 
</body> 
</html>

출처

2014-01-30 06:03:47 Schien

이 시도 :

<script type="text/javascript"> 
function validate(){ 
    var allowedChars="abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 
    var n=form1.fname.value; 
    for(var i=0;i<n.length;i++){ 
     if(allowedChars.indexOf(n.charAt(i))==-1){ 
      return false; // contains other char 
     } 
    } 
    return true; //valid name 
}

출처

2014-01-30 06:04:29 kcak11

텍스트 상자의 확인이 var regx = /^[A-Za-z][-a-zA-Z ]+$/;

function validate_form(); 
{ 

    var regx = /^[A-Za-z][-a-zA-Z ]+$/; 

    var fname = document.getElementById('fname').value; 
    if(fname=="") 
    { 
     alert("Name is Blank"); 
     return false; 
    } 
    else if(!regx.test(fname)) 
    { 
     alert("name must contains character only"); 
     return false; 
    } 
    else 
    { 
     return true; 
    } 
}

출처

2014-01-30 06:08:32 Learner

같은 정규 표현식을보십시오 오처럼

<input type="text" name="fname" id="fname" pattern="[A-Za-z]+" />

(HTML5에서보기 '패턴'속성을 당신이 관심이 있다면) : THER는 HTML5를 사용하려는 경우, 당신은 직접 쓸 수 하지만에 응답합니다.

출처

2014-01-30 06:09:50

패턴은 자바 스크립트 또는 jQuery로 수행해야합니다 시도

var match_text = /[a-zA-Z]/;

출처

2014-01-30 06:16:40 pxm

을이 함수를 호출 할 수 있습니다. –

(참고 : 이전 브라우저, 즉 IE에서는 지원되지 않음) –

예전 버전의 IE와 Safari는 지원되지 않지만 이전 버전은 충분히 오래되었다고 가정했습니다. – pxm

당신은 오래된 브라우저에서 작동 would'nt .. 단지 text--

function validate() 
    { 
    str = document.form1.fname.value; 
    var patt = new RegExp("^[a-zA-Z ]*$"); 
    var res = patt.test(str); 
    if(!res) 
    { 
     alert("do not match!"); 
     return false; 
    } 
    }

출처

2014-01-30 06:26:17

왜 정규식 리터럴'/.../ '대신에'new RegExp'을 사용하고 있습니까? –

정규식 리터럴을 사용할 때 문자열에서 백 슬래시를 이스케이프 처리해야합니다. 그게 내 이유가 RegExp 개체를 사용하는 것입니다. 그렇지 않으면 둘 중 하나는 정규식을 확인하는 데 사용할 수 있습니다. –

이름 필드에 텍스트 만 포함되어 있는지 확인

답변

관련 문제