繁体   English   中英

在asp.net页面上使用正则表达式使用javascript进行验证不起作用

[英]Validation with javascript using regular expressions on asp.net page doesn't work

我正在尝试使用javascript在asp页面的文本框中运行验证,但是我的第二个javascript函数无法按预期工作。 我在每个文本框的onblur事件上运行验证,所以我这样做:

<asp:TextBox ID="txtRegApellidoPat" runat="server" onblur="validaFormato(this);">  </asp:TextBox></td><td><asp:Label ID="valtxtRegApellidoPat" class="validaCad"   runat="server">Únicamente texto</asp:Label>

然后在需要整数的文本框中执行以下操作:

<asp:TextBox ID="txtRegEdad" runat="server" onblur="validaFormatoNum(this);"></asp:TextBox></td><td><asp:Label ID="Label1" class="validaNum" runat="server">* Solo números</asp:Label>

但是,最后一个函数(validaNum)无法正常工作,并且似乎总是在我调用的regularexpression.test方法上返回false。

我的JavaScript代码如下所示:

<script type="text/javascript">
        var formato = document.getElementById('formReg');
        var textos = new Array("txtRegNombre", "txtRegApellidoPat",     "txtRegApellidoMat", "txtRegEdo");
        var numeros = new Array("txtRegEdad", "txtRegTel", "txtRegCP");
        var pattern = /([A-Z]|[ÁÉÍÓÚáéíóúÄËÏÖÜäëïöü])+[^\d+]/g;
        var pattern2 = /^\d$/g;
        var invalidos1=document.getElementsByClassName("validaCad");
        var invalidos2=document.getElementsByClassName("validaNum");
        function validaFormato(obj) {
            var valido = false;

            if (!pattern.test(obj.value)&&!obj.value=="") {

                            invalidos1[0].style.display = "inline";
                            invalidos1[1].style.display = "inline";
                            invalidos1[2].style.display = "inline";
                            invalidos1[3].style.display = "inline";
                            return valido;
                        }
                        else {
                            invalidos1[0].style.display = "none";
                            invalidos1[1].style.display = "none";
                            invalidos1[2].style.display = "none";
                            invalidos1[3].style.display = "none";
                            valido = true;
                        }
                   return valido;
        }
           function validaFormatoNum(obj) {
                var valido = false;

                if (!pattern2.test(obj.value) && !obj.value == "") {

                invalidos2[0].style.display = "inline";
                invalidos2[1].style.display = "inline";
                invalidos2[2].style.display = "inline";
                return valido;
            }
            else {
                invalidos2[0].style.display = "none";
                invalidos2[1].style.display = "none";
                invalidos2[2].style.display = "none";
                valido = true;
            }

            return valido;
        }
    </script>

我对此表示非常感谢,因为我无法意识到问题所在。 问题是数字字段的行为不正常,当我第一次在数字字段上写一个数字时,没有显示关联的标签,这是正确的行为,但是当我依次浏览表单并再次从数字字段中跳出时,则标签显示为好像值不是数字,然后在以下选项卡上,标签不显示,然后显示,然后不显示,依此类推。

对于正则表达式,我真的很茫然,所以我不知道问题是否出在我的第二个RegExp上,但这只是要求在字符串的开头和结尾都有一个数字,不是吗?

我想你必须改变

var pattern = /([A-Z]|[ÁÉÍÓÚáéíóúÄËÏÖÜäëïöü])+[^\d+]/g;

(将+从字符类中移出):

var pattern = /([A-Z]|[ÁÉÍÓÚáéíóúÄËÏÖÜäëïöü])+[^\d]+/g;

可以重写为:

var pattern = /[A-ZÁÉÍÓÚáéíóúÄËÏÖÜäëïöü]+\D+/g;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM