입력 양식에 공백 문자/공백을 허용하지 않음

Question

아래 입력 양식에서 공백 문자/공백을 허용하지 않을 수 있습니까?

<input type="text" value="" maxlength="30" name="email" class="formfield w0"> 

Answer 1

확인하십시오. Fiddle. 관련 코드 :

$(function() { 
    $('#input1').on('keypress', function(e) { 
     if (e.which == 32) 
      return false; 
    }); 
}); 

Answer 2

예 javascript/JQuery를 사용하여 가능합니다.

모든 텍스트 상자에 원한다면 다음과 같이하십시오.

$(function() { 
    $('.formfield input[type=text]').on('keypress', function(e) { 
     if (e.which == 32) 
      return false; 
    }); 
}); 

특정 텍스트 상자를 위해 그것을 원하는 경우, 다음 양식을 제출 방지 할 제약 검증을 적용 할 텍스트 상자 입력에 ID를 추가하고 #textBoxId

Answer 3

사용 HTML5의 확장 된 입력 유형 .formfield input[type=text] 교체 현대적인 브라우저에서 유효하지 않은 이메일 :

<input type="email" value="" maxlength="30" name="email" class="formfield w0"> 

이전 버전의 브라우저에서, 당신이 "텍스트"로 설정됩니다로 입력의 타입이 "이메일", 아님을 감지 할 수있는 값이 유효하지 않은 것으로 간주됩니다. 붙여 넣기 나 실수로 다른 입력 방법을 통해 우회 할 수있는 스페이스 키의 기본 동작을 방지하는 대신 양식 제출을 차단하는 것이 좋습니다.

var frm = document.getElementById('myform'); 

if (frm.email.type === 'text') { 
    frm.onsubmit = function() { 
     if (/\s/.test(frm.email.value)) { 
      // Tell your user the field is invalid here, e.g. 
      frm.email.className = 'invalid'; 

      // Prevent form submission 
      return false; 
     } 
    } 
} 

근무 데모 : http://jsfiddle.net/hgc7C/

이 잊지 마세요 문서가 준비 후

다음 코드는이의 예이며, 실행해야 서버 측 폼 유효성 검사의 대체품이 아닙니다.