我需要帮助。我有一个用jQuery编写的验证函数,在一个单独的.js文件中,html代码在一个单独的aspx页面中。
现在我想从我的.aspx页面实现我的jQuery验证,如(#mobile).validate();
,这样就可以对moblile的文本框进行验证。
我也发布了代码供参考。如果我得到关于这个问题的任何帮助/提示,我将感激不尽。我不想使用jquery.validate.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;
});
})
<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> <asp:TextBox ID="name" runat="server"></asp:TextBox>
</div>
<div>
<span>E-Mail ID</span> <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>