2014-09-30 4 views
-2

내 웹 사이트에 문의 양식이 있습니다. 주제는이 양식의 텍스트 필드입니다. 해당 필드에 특정 단어를 입력하도록 사용자를 제한하고 싶습니다.자바 스크립트를 사용하여 텍스트 필드의 특정 단어를 제한하는 방법은 무엇입니까?

예를 들어 제목 필드에 사용자 유형 XXX 또는 MMM이 있으면 오류 메시지를 표시해야합니다.

+1

제목을 입력하는 동안 텍스트를 바꾸거나 경고를 보내고 싶을 수 있습니다. –

답변

0

을 감안할 때 :

HTML :

JS :

document.getElementById('text').addEventListener('keyup', function(e) { 
    var text = document.getElementById('text').value; 
    if (text.search('MMM') !== -1) { 
     alert('MMM is not allowed!'); 
    } 
    if (text.search('XXX') !== -1) { 
     alert('XXX is not allowed!'); 
    } 
    text = text.replace(/MMM/g,''); 
    text = text.replace(/XXX/g,''); 
    document.getElementById('text').value = text; 
},false); 

DEMO

또는 t

<input id='text'></input> 

당신은이 작업을 수행 할 수 있습니다 그의 :

JS :

var banned = ['MMM','XXX']; 
document.getElementById('text').addEventListener('keyup', function(e) { 
    var text = document.getElementById('text').value; 
    for (var x=0;x<banned.length;x++) { 
     if (text.search(banned[x]) !== -1) { 
      alert(banned[x]+' is not allowed!'); 
     } 
     var regExp = new RegExp(banned[x]); 
     text = text.replace(regExp,''); 
    } 
    document.getElementById('text').value = text; 
},false); 

DEMO

그러나, 당신은 또한 당신의 서버에서 이러한 형태의 응답을 소독해야합니다. 모든 클라이언트 코드는 우회 될 수 있습니다.

+0

감사합니다! 그것은 작동 .. – vishnu

관련 문제