无法复制和粘贴到 asp 文本框 asp.net C#

Question

我的系统中有一个手机号码，我有一个 asp 文本框，这里的问题是无法将手机号码复制并粘贴到此 asp 文本框。我有一个只接受数字的 Onkeydown 函数。我需要将否复制并粘贴到此文本框。代码<asp:TextBox ID="txtMobileNo" runat="server" autocomplete="off"     AutoCompleteType="Disabled" MaxLength="10"     onkeydown="return (event.keyCode >= 48 && event.keyCode <= 57) ||         (event.keyCode >= 96 && event.keyCode <= 105) || event.which == 8 ||         event.which == 46;"    Style="height: 25px;" />

Answer 1

我认为问题在于 JS 只是返回 true 或 false。我只是尝试粘贴使用Ctrl+V但没有任何反应，大概是因为 JS 正在读取我的键击以进行粘贴，但它们不是数字。

但是，如果我右键单击鼠标并选择粘贴，它就会起作用。

您可能必须摆脱 JS，或添加更多 keyCodes 以接受Ctrl+V.

Answer 2

要允许用户使用 Ctrl+V 或 Cmd+V 粘贴，检查keyCode您的onkeydown事件中的那些，然后检查粘贴的文本是否是事件中的数字onpaste，这是一个完整的示例：

<asp:TextBox ID="txtMobileNo" runat="server" 

autocomplete="off" AutoCompleteType="Disabled" MaxLength="10"

onkeydown="return validateInput(event);"

onpaste="validateClipboard(event)"

Style="height: 25px;" />

<script type="text/javascript">

    function validateInput(event) {

        // Check if Ctrl+V or Cmd+V was pressed

        if ((event.ctrlKey || event.metaKey) && event.keyCode == 86) {

            return true;

        // Check if numbers input

        } else if ((event.keyCode >= 48 && event.keyCode <= 57) ||

            (event.keyCode >= 96 && event.keyCode <= 105) ||

            event.which == 8 || event.which == 46) {

            return true;

        }

        // All checks failed

        return false;

    }

    function validateClipboard(event) {

        // Prevent clipboard data pasting

        event.stopPropagation();

        event.preventDefault();

        // Get clipboard text data

        var clipboardData = event.clipboardData || window.clipboardData;

        var pastedData = clipboardData.getData('Text');

        // Check if pasted data is a number, if true paste to text box

        if (isNaN(pastedData) === false) {

            var txtBox = document.getElementById('MainContent_txtMobileNo');

            txtBox.value += pastedData;

        }

    }

</script>

Answer 3

我不确定您要匹配哪种数字格式，我假设您有这种格式的数字9999999999（十位数字）。

这是我能想到的最佳解决方案：

<asp:TextBox ID="txtMobileNo" runat="server" autocomplete="off"

        AutoCompleteType="Disabled" MaxLength="10"

        onblur="return validateNumber(this)"

        Style="height: 25px;" />

keydown请注意，我使用了事件而不是onblur事件，这是因为在他们完成文本框输入后和离开文本框时检查数字是一种很好的做法。

<script>

    function validateNumber(evt) { // this will get executed when user has stopped typing or pasting the value. 

        var isValid = isValidMobileNumber(evt.value);

        if (!isValid)

        {

            evt.value = ''; // Clear if the number is not valid.

        }

        return isValid;

    }

    function isValidMobileNumber(number) {

        var phoneRegex = /^\d{10}$/; /* to verify 10 digits in number */

        /* var phoneRegex = /^[2-9]\d{2}[2-9]\d{2}\d{4}$/; // to verify 10 digits number with (-) in it. 999-999-9999 */

        var digits = number.replace(/\D/g, "");

        return phoneRegex.test(digits);

    }

    // The code below can be removed, read the explanation below the code.

    document.getElementById('<%= txtMobileNo.ClientID %>').addEventListener('paste', (e) => {

        e.preventDefault();

        const text = (e.originalEvent || e).clipboardData.getData('text/plain');

        if (isValidMobileNumber(text))

            window.document.execCommand('insertText', false, text);

    });

</script>

请注意，我已经paste为您的文本框绑定了一个事件，每次有人在文本框中粘贴内容后都会立即触发该事件。但是，从技术上讲，您可以从此处删除此事件，程序将正常运行，这是因为onblur在您粘贴数据后无论如何都会触发事件，最终将验证粘贴的数据。因此，由您决定，您是希望在粘贴时立即验证数据，还是希望在用户离开控件时（粘贴或键入任何内容后）验证数据。