全局Jquery验证

时间:2014-09-12 15:03:03

标签: javascript jquery html asp.net validation

我需要帮助。我有一个用jQuery编写的验证函数,在一个单独的.js文件中,html代码在一个单独的aspx页面中。

现在我想从我的.aspx页面实现我的jQuery验证,如(#mobile).validate();,这样就可以对moblile的文本框进行验证。

我也发布了代码供参考。如果我得到关于这个问题的任何帮助/提示,​​我将感激不尽。我不想使用jquery.validate.js。

谢谢, 迪帕克

FormValidation.js

$('#' + mobile).bind('keypress', function (e) {
return (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) ? false : true;
})

function InitValidate(btnsubmit, name, email, mobile) {
var Isvalid = true;
$(btnsubmit).click(function () {

    var Isvalid = true;

    if ($(name).val() == '') {
        alert('Name cannot be blank')
        Isvalid = false;
    }
    else {
        if ($(email).val() == '') {
            alert('Name Email be blank')
            Isvalid = false;
        }
        if (!IsEmail(email)) {
            alert("Invalid email address.");
            Isvalid = false;
        }
        if ($(mobile).val() == '') {
            alert('Name mobile number be blank')
            Isvalid = false;
        }
    }

    return Isvalid;
});
})

Default.aspx的

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
    $(function () {
        var name = $('#<%= name.ClientID %>');
        var email = $('#<%= email.ClientID %>');
        var mobile = $('#<%= mobile.ClientID %>');
        var btnsubmit = $('#<%= btnsubmit.ClientID %>');

        InitValidate(btnsubmit, name, email, mobile);
    });
    var mobile = '<% =mobile.ClientID%>';
    (#mobile).validate();
</script>

<body>
<form id="form1" runat="server">
    <div>
        <div>
            <span>First Name</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:TextBox ID="name" runat="server"></asp:TextBox>
        </div>
        <div>
            <span>E-Mail ID</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:TextBox ID="email" runat="server"></asp:TextBox>
        </div>
        <div>
            <span>Mobile Number</span>
            <asp:TextBox ID="mobile" runat="server" MaxLength="10"></asp:TextBox>
        </div>
        <div>
            <asp:Button runat="server" ID="btnsubmit" Text="submit" />
        </div>
    </div>
</form>
<script src="Script/FormValidation.js" type="text/javascript"></script>
</body>

0 个答案:

没有答案