通过正则表达式,为页面加上验证功能.

来源:互联网 发布:时时彩后三遗漏数据 编辑:程序博客网 时间:2024/05/22 18:55

1. 为需要的页面,添加 JS 文件.思想是在页面提交的时候判断控件的正则表达式属性,

 

最新更改:应该将正则表达式统一写到 Validate.js 里面,避免表达式有漏洞时,去逐个的改。

 

例:

window.nonEmpty='/w+'

 

 

Validate.js

/根据页面标签自己的设置,进行校验。不通过则不提交!
var isSubmit = true;
$(function() {
    document.getElementById("form1").onsubmit = function() {
        Form_submit();
        if (isSubmit) {
            return true;
        }
        else {
            return false;
        }
    }
})

function Form_submit() {

    //后面加入,如果页面上有多个提交按钮的话,可以设定有些按钮可以触发验证,有些则不需要.

 //

    isSubmit = true;
    var obj = $("input[validObj]")[0];
    if (obj != null && obj!=undefined) {
        if (window.IsValid !=true) {
            return true;
        }
    }

    $("input[validreg]").each(function(i) {
        var valid = this.validreg;
        var ControlValue = this.value;
        var message = this.validmessage;

        var reg = new RegExp(valid);
        if (!reg.test(ControlValue)) {
            alert(message);
            isSubmit = false;
            return false;
        }
        else {
            isSubmit = true;
        }
    });

    if (isSubmit == true) {
        $("select[validreg]").each(function(i) {
            var valid = this.validreg;
            var ControlValue = this.value;
            var message = this.validmessage;

            var reg = new RegExp(valid);
            if (!reg.test(ControlValue)) {
                alert(message);
                isSubmit = false;
                return false;
            }
            else {
                isSubmit = true;
            }
        });
    }
}

 

在页面上引用上面的 Validate.js

选择日期:<-input type="text" id="txtStartDatePlatSale" runat="server" style="width:70px;" readonly="readonly" validreg="/w+" validmessage="开始日期不能为空!"  />

在控件中加入两个属性 validreg  和  vallidmessage

validreg="/w+"  这里的

"+" 号很重要,表现不允许空值.

 

 

//多个提交按钮的情况,有些需要验证,有些则不需要.

<asp:Button ID="btnPay" runat="server" Text="确认" onclick="btnPay_Click"  validObj="Yes"  OnClientClick="window.IsValid=true;" />

 

原创粉丝点击