2012-12-28 2 views
3

이미지의 4 개 특성에 대한 코드를 삽입하여 새로운 HTML을 형성포스 알파와 숫자는

http://i50.tinypic.com/2cohfeo.jpg

내가 도움이 필요 이미지 다음에 봐 주시기 바랍니다 코드 자바 스크립트와 jQuery를 사용

+2

(http://mattgemmell.com/2008/12/08/what-have을 자명/설명해야한다 -you-tried /) – Trevor

+0

html5를 사용하면 다음과 같이 할 수 있습니다.

+0

워터 마크를 만들려면 jquery 플러그인 http://code.google.com/p/jquery-watermark/이 있어야합니다. –

답변

0

하고 텍스트 상자의 이름은 가정 "텍스트"(개봉은 일반 자바 스크립트를 사용하는 경우, 당신은에서 getElementById, 구글을 사용할 필요가 있다고 생각) :

http://api.jquery.com/keydown/

$('input[name=text]').keydown(function(event) 
{ 
    var text = this.val().replace("-",""); //get current text, take out the - 
    var strlength = text.length; 

    if (strlength >=10) //reached max length, ignore character   
    { 
     return false; // might be event.preventDefault(); 
    } 
    else if (strlength<5) //you want a letter 
    { 
     //if not a letter, cancel input 
     if (!(/^[a-zA-Z]+$/.test(String.fromCharCode(event.which))) return false; 
    } 
    else if (strlength>=5) //you want a letter 
    { 
     //if not a number, cancel input 
     if (!(/^[0-9]+$/.test(String.fromCharCode(event.which))) return false; 
     else if (strlength==5) this.val(text + "-"); //Add the hyphen 
    } 
}); 

은 백 스페이스를 처리하는 코드가 필요 할 수 있지만

[당신이 시도 것을]