联系表格电话号码格式Javascript

Question

这段代码让我可以在我的联系表单中写入一个电话号码，格式为 (XXX) XXX-XXXX。 （工作示例位于https://www.fxmerkezi.com/ucretsiz-danismanlik/）

但我需要这样做，例如 0XXXXXXXXXX 第一个字符必须为 0，并且不应允许任何字母或任何其他字符。

这是我头部标签中的代码；

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://unpkg.com/jquery-input-mask-phone-number@1.0.0/dist/jquery-input-mask-phone-number.js"></script>

    <script>

        $(document).ready(function () {
            $('#yourphone').usPhoneFormat({
                format: '(xxx) xxx-xxxx',
            });

            $('#yourphone2').usPhoneFormat();
        });

    </script>

这是 jquery-input-mask-phone-number.js 文件：

(function ($) {
$.fn.usPhoneFormat = function (options) {
    var params = $.extend({
        format: 'xxx-xxx-xxxx',
        international: false,

    }, options);

    if (params.format === 'xxx-xxx-xxxx') {
        $(this).bind('paste', function (e) {
            e.preventDefault();
            var inputValue = e.originalEvent.clipboardData.getData('Text');
            if (!$.isNumeric(inputValue)) {
                return false;
            } else {
                inputValue = String(inputValue.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3"));
                $(this).val(inputValue);
                $(this).val('');
                inputValue = inputValue.substring(0, 12);
                $(this).val(inputValue);
            }
        });
        $(this).on('keypress', function (e) {
            if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
                return false;
            }
            var curchr = this.value.length;
            var curval = $(this).val();
            if (curchr == 3) {
                $(this).val(curval + "-");
            } else if (curchr == 7) {
                $(this).val(curval + "-");
            }
            $(this).attr('maxlength', '12');
        });

    } else if (params.format === '(xxx) xxx-xxxx') {
        $(this).on('keypress', function (e) {
            if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
                return false;
            }
            var curchr = this.value.length;
            var curval = $(this).val();
            if (curchr == 3) {
                $(this).val('(' + curval + ')' + " ");
            } else if (curchr == 9) {
                $(this).val(curval + "-");
            }
            $(this).attr('maxlength', '14');
        });
        $(this).bind('paste', function (e) {
            e.preventDefault();
            var inputValue = e.originalEvent.clipboardData.getData('Text');
            if (!$.isNumeric(inputValue)) {
                return false;
            } else {
                inputValue = String(inputValue.replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3"));
                $(this).val(inputValue);
                $(this).val('');
                inputValue = inputValue.substring(0, 14);
                $(this).val(inputValue);
            }
        });

    }
}

}(jQuery));

Answer 1

1. 只需简单地定义您的文本框如下，它将只允许以 0 开头的 11 位数字。

$( document ).ready(function() {

	$( "#number" ).keypress(function(e) {
  
  	if(this.value.length == 0 && e.which != 48){
    	return false
    }
    if(e.which < 48 || e.which > 57 ||  this.value.length > 10){
    	return false
    }
  	
	});	

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="">
<input type="text" id="number" name="country_code" pattern="[0]{1}[0-9]{10}">
    <input type="submit" value="ok">
</form>

Answer 2

你可以编写正则表达式来匹配你想要的格式，

    let regex = /[0]\d+/gi;
    let match = regex.exec(e);
    if(match && match.length == 11){

        return true; // match found with 11 digits number starting with 0
    }
    else{
    alert('invalid number'); // no match found
    }