如何使用 Javascript 验证器验证文本框

How to validate textbox using Javascript Validator?

本文关键字：验证 文本 Javascript 何使用      更新时间：2023-09-26

我在网格视图中有文本框。我的要求是将文本框的输入限制为"X"或"O"，仅不做其他任何操作。但我对javascript很陌生。谁能告诉我如何实现这一目标。我想提一下，我已经使用 Vb.Net 和 Asp.Net 来开发该系统。提前感谢您的帮助。

如果您需要使用输入而不是复选框，这里有一个 jQuery 解决方案：

$(document).ready(function() {
    jQuery('#restricted-input').on('keydown', function(event) {
        // reset input
        var input = jQuery(this).val('');
        // code 88 = x
        // code 79 = o
        // code 8  = Backspace
        if (event.keyCode == 88 || event.keyCode == 79 || event.keyCode == 8) {
            // let input happen                 
        } else {
            event.preventDefault();
        }
    });
});
嗨，

如果你喜欢这个解决方案

        function val(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if (tecla == 8) return true;
        patron = /[O-Xox]/;
        te = String.fromCharCode(tecla);
        return patron.test(te);
        }

谢谢大家对我的问题的有用建议。但这就是我刚才解决它的方法。

这是我在网格视图中的文本框：

 <asp:TextBox ID="txtAttend" runat="server" BackColor="Control" MaxLength="1" 
EnableViewState="true" Width="15px" onkeyup="ValidateText(this);"></asp:TextBox>

在这里，我调用了 ValidateText（this） javascript 函数。

这是函数：

 <script type="text/javascript" language="javascript">
function ValidateText(i) 
{
    if(i.value != "X" || i.value != "O") 
    {
        alert("Please Enter 'X' for Present or 'O' for Absent");
    }
}
</script>

我从此链接中获得了此解决方案的提示：GridView 验证中的文本框

谢谢。

请参阅以下代码，该代码可帮助您仅允许输入两个字符。此代码将限制其他击键，只允许"X"和"O"。有关演示，请参阅：http://jsfiddle.net/BhaveshKachhadiya/uNfP2/7/

function validate(evt)
{
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    // alert(charCode);
    if (charCode == 120 || charCode== 88 || charCode==111 || charCode==79 || charCode == 8) {
        return true;
    }
    else
    {
        alert("Please Enter 'X' for Present or 'O' for Absent");
        return false;    
    }
}
相关文章：