> 웹 프론트엔드 > JS 튜토리얼 > 텍스트 상자를 숫자와 문자로만 제한하는 3가지 Jquery 방법_jquery

텍스트 상자를 숫자와 문자로만 제한하는 3가지 Jquery 방법_jquery

WBOY
풀어 주다: 2016-05-16 16:29:07
원래의
1811명이 탐색했습니다.

onlyNum(), onlyAlpha() 및 onlyNumAlpha() 3 Jquery 확장 메서드

number.js

코드 복사 코드는 다음과 같습니다.

//------------------------------------------------ ----------
//
// 입력을 숫자로만 제한
//
//------------------------------------------------ ----------
$.fn.onlyNum = 함수() {
$(this).keypress(함수(이벤트) {
        var eventObj = 이벤트 ||           var keyCode = eventObj.keyCode || eventObj.which;
If ((keyCode >= 48 && keyCode <= 57))
             true를 반환합니다.
        그 외
              false를 반환합니다.
}).focus(함수 () {
//입력 방법 비활성화
This.style.imeMode = '비활성화됨';
}).bind("붙여넣기", 함수 () {
//클립보드 내용 가져오기
      var 클립보드 = window.clipboardData.getData("Text");
If (/^d $/.test(클립보드))
             true를 반환합니다.
        그 외
              false를 반환합니다.
});
};

letter.js

코드 복사 코드는 다음과 같습니다.
//------------------------------------------------ ----------
//
//입력을 문자로만 제한
//
//------------------------------------------------ ----------
$.fn.onlyAlpha = 함수() {
$(this).keypress(함수(이벤트) {
        var eventObj = 이벤트 ||           var keyCode = eventObj.keyCode || eventObj.which;
If ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
             true를 반환합니다.
        그 외
              false를 반환합니다.
}).focus(함수 () {
This.style.imeMode = '비활성화됨';
}).bind("붙여넣기", 함수 () {
      var 클립보드 = window.clipboardData.getData("Text");
If (/^[a-zA-Z] $/.test(클립보드))
             true를 반환합니다.
        그 외
              false를 반환합니다.
});
};


number_letter.js

코드 복사 코드는 다음과 같습니다.

// ------------------------------------------------ ---------
//
// 限只能输入数字和字母
//
// ------------------------------------------------ ---------
$.fn.onlyNumAlpha = 함수() {
    $(this).keypress(함수(이벤트) {
        var eventObj = 이벤트 || 이자;
        var keyCode = eventObj.keyCode || eventObj.which;
        if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
            true를 반환합니다.
        그 외
            false를 반환합니다.
    }).focus(함수 () {
        this.style.imeMode = '비활성화됨';
    }).bind("붙여넣기", 함수 () {
        var 클립보드 = window.clipboardData.getData("Text");
        if (/^(d|[a-zA-Z]) $/.test(클립보드))
            true를 반환합니다.
        그 외
            false를 반환합니다.
    });
};

use.js

复主代码 代码如下:

$(함수 () {
    // 限类使用了onlyNum类样式的控件只能输入数字
    $(".onlyNum").onlyNum();
    //제조용으로만Alpha类样式의 控件只能输入字母
    $(".onlyAlpha").onlyAlpha();
    // 限system使用了onlyNumAlpha类样式的控件只能输入数字字母
    $(".onlyNumAlpha").onlyNumAlpha();

以上方法均可实现项目要求, 大家根据自己的具体需求自由选择吧

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿