首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

累加的跳出提示框。

2013-06-25 
累加的跳出提示框。。。。。。。。。。。救命啊。。。。。。。。。。。。。本帖最后由 hdingmin 于 2013-06-09 14:17:14 编辑想自己

累加的跳出提示框。。。。。。。。。。。救命啊。。。。。。。。。。。。。
本帖最后由 hdingmin 于 2013-06-09 14:17:14 编辑 想自己做个验证。
如下


<div>
        <asp:TextBox ID="txtbox" runat="server"   reg="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"  tip="出错了哈哈哈"></asp:TextBox>
        <uc1:DeptEmpDropDownList ID="DeptEmpDropDownList1" runat="server" />
        <br />
        <asp:TextBox ID="pwdtexbox" reg="([0-9]+)" tip="pwdtextbox" runat="server"></asp:TextBox>
        <br />
        <asp:Button ID="yesButton" runat="server" Text="确定"  onclick="yesButton_Click"  />
    </div>

reg 是正则表达式,tip是提示。我的逻辑是这样的。获得用户点击的控件。该控件如果失去焦点就开始检查数据是否合法。但是,如果我第一次输入错误数据能跳出一次提示。如果再一次错误,同样的提示跳出两次,第三次出错同样的提示跳出三次,以此类推循环下去。(同样的提示跳出三次是指,跳出错误提示框我点击确定后又马上跳出来,好像循环跳出了一样)以下是我的js代码。
 <script type="text/javascript" src="../js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" >
    function clickevt(e) {
        e = e || window.event;
        obj = e.srcElement;
        $(document).ready(
            function () {
                $("#" + obj.id).focus(
                function () {
                    $("#" + obj.id).css("background-color", "#FFFFCC");
                });
                $("#" + obj.id).blur(
                function () {
                    //$("#"+obj.id).css("background-color", "#D6D6FF");
                    var control = document.getElementById(obj.id);
                    if (control.getAttribute("reg") != null) {
                        var pattern = control.getAttribute("reg");
                        var textdata = control.value;
                        var tip = control.getAttribute("tip");
                        var reg = new RegExp(pattern);
                        if (!reg.test(textdata)) {


                            alert(tip);
                            return false;
                        }
                    }
                });
            });
        }
    document.onclick = clickevt;


<input type="text" reg="([0-9]+)" tip="请输入数字!" />
<input type="text" reg="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"  tip="出错了哈哈哈" />
<script type="text/javascript">
$(document).ready(function(){
    $("input[reg]").blur(function(){
        var reg = new RegExp($(this).attr("reg"));
        if (!reg.test($(this).val())) {
            alert($(this).attr("tip"));
        }
    })
})
</script>

热点排行
Bad Request.