62,047
社区成员
发帖
与我相关
我的任务
分享
<script type="text/javascript" src="../Scripts/jquery.validate.js" charset="UTF8"></script>
<script type="text/javascript" src="../Scripts/additional-methods.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#form1").validate({
rules: {
txtName: {
required: true
},
txtPassword: {
required: true,
minlength: 4
},
PwdConfirm: {
required: true,
minlength: 4,
equalTo: "#txtPassword"
},
txtDepart: {
required: true
},
txtTel: {
isMobile: true
},
txtMoney: {
required: true,
decimal: true
},
txtEmail: {
email: true,
remote: {
url: "validateurl.aspx",
type: "get", //数据发送方式
dataType: "json",
data: {
txtEmail: function () {
return $("#txtEmail").val();
}
},
dataFilter: function (data) {
var json = $.parseJSON(data);
if (json.error == "true") {
return "\"" + json.errorMessage + "\"";
} else {
return success;
}
}
}
},
txtAge: {
positiveinteger: true
}
},
messages: {
txtName: {
required: "请输入名称"
},
txtPassword: {
required: "请输入密码",
minlength: "密码长度不能少于4位"
},
PwdConfirm: {
required: "请再输入一遍密码",
minlength: "密码长度不能少于4位",
equalTo: "两次输入的密码不一致"
},
txtDepart: {
required: "请输入用户所在地区"
},
txtTel: {
isMobile: "联系电话输入格式不正确!"
},
txtMoney: {
required: "还未输入金额!",
decimal: "输入的小数末尾不能超过两位!"
},
txtEmail: {
email: "输入的email格式不正确!",
remote: "该eamil已存在!"
},
txtAge: {
positiveinteger: "输入的必须是正整数"
}
},
errorPlacement: function (error, element) {
error.appendTo("label[for='" + element.attr("id") + "']");
}
});
});
</script>
public partial class UsersManage_validateurl : System.Web.UI.Page
{
Users users = new Users();
protected void Page_Load(object sender, EventArgs e)
{
if (Request["txtEmail"] != null && Request["txtEmail"] != "")
{
bool result = users.existEmail(Request["txtEmail"]);
// Response.Write(result); 经测试无效
// Response.Write(result.ToString()); 经测试无效
Response.Write("{ \"valid\" :\"" + result.ToString() + "\"}"); //经测试无效
Response.End();
}
哪位大神知道问题出在哪里了啊?帮忙指出来吧!多谢了!
}
}
<script type="text/javascript" src="../Scripts/jquery-1.4.1.js" >
</script>
<script type="text/javascript" src="../Scripts/jquery.validate.js" ></script>
<script type="text/javascript" src="../Scripts/additional-methods.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#form1").validate({
rules: {
txtName: {
required: true
},
txtPassword: {
required: true,
minlength: 4
},
PwdConfirm: {
required: true,
minlength: 4,
equalTo: "#txtPassword"
},
txtDepart: {
required: true
},
txtTel: {
isMobile: true
},
txtMoney: {
required: true,
decimal: true
},
txtEmail: {
email: true,
remote: {
url: "validateurl.aspx",
type: "get", //数据发送方式
dataType: "json",
data: {
txtEmail: function () {
return $("#txtEmail").val();
}
},
error:function (a,s,d){
alert(s + " " + d);
}
}
},
txtAge: {
positiveinteger: true
},
sex: {
required: true
}
},
messages: {
txtName: {
required: "请输入名称"
},
txtPassword: {
required: "请输入密码",
minlength: "密码长度不能少于4位"
},
PwdConfirm: {
required: "请再输入一遍密码",
minlength: "密码长度不能少于4位",
equalTo: "两次输入的密码不一致"
},
txtDepart: {
required: "请输入用户所在地区"
},
txtTel: {
isMobile: "联系电话输入格式不正确!"
},
txtMoney: {
required: "还未输入金额!",
decimal: "输入的小数末尾不能超过两位!"
},
txtEmail: {
email: "输入的email格式不正确!",
remote: "该eamil已存在!"
},
txtAge: {
positiveinteger: "输入的必须是正整数"
},
sex: {
required: "必须选择性别"
}
},
errorPlacement: function (error, element) {
if (element.is(":radio")) {
error.appendTo(element.parent().next());
}
else {
error.appendTo("label[for='" + element.attr("id") + "']");
}
}
});
// $("#test").click(function () {
// if ( !$("#form1").validate()) {
// alert("无法通过验证");
// }
// });
});
</script>
html代码
<body>
<form id="form1" runat="server">
<div>
<table cellpadding="1" cellspacing="1" width="100%" >
<tr>
<td style="text-align: right;" width="20%">
用户名称:
</td>
<td style="text-align: left" width="25%">
<input type="text" id="txtName" name="txtName" runat="server" />
</td>
<td class="error" width="60%">
<label for="txtName">
</label>
</td>
</tr>
<tr>
<td style="text-align: right;">
用户密码:
</td>
<td style="text-align: left">
<input type="password" id="txtPassword" name="txtPassword" runat="server" />
</td>
<td class="error">
<label for="txtPassword">
</label>
</td>
</tr>
<tr>
<td style="text-align: right;">
确认密码:
</td>
<td style="text-align: left">
<input type="password" id="PwdConfirm" name="PwdConfirm" runat="server" />
</td>
<td class="error">
<label for="PwdConfirm">
</label>
</td>
</tr>
<tr>
<td style="text-align: right;">
用户性别:
</td>
<td style="text-align: left">
<asp:RadioButtonList ID="RadioButtonList1" runat="server">
<asp:ListItem Value="0">男</asp:ListItem>
<asp:ListItem Value="1">女</asp:ListItem>
<asp:ListItem Value="2" Selected="True">保密</asp:ListItem>
</asp:RadioButtonList>
</td>
<td>
</td>
</tr>
<tr>
<td style="text-align: right;">
用户性别(用html控件表示):
</td>
<td style="text-align: left">
<input type="radio" id="radio1" name="sex" value="0"/>
<input type="radio" id="radio2" name="sex" value="1" />
<input type="radio" id="radio3" name="sex" value="2"/>
</td>
<td>
</td>
</tr>
<tr>
<td style="text-align: right;">
联系方式:
</td>
<td style="text-align: left">
<input type="text" id="txtTel" name="txtTel" runat="server" />
</td>
<td class="error">
<label for="txtTel">
</label>
</td>
</tr>
<tr>
<td style="text-align: right;">
email:
</td>
<td style="text-align: left">
<input type="text" id="txtEmail" name="txtEmail" runat="server" /><%--<input type="button" id="emailtest" value="测试email" />--%>
</td>
<td class="error">
<label for="txtEmail">
</label>
</td>
</tr>
<tr>
<td style="text-align: right;">
是否是特别用户:
</td>
<td style="text-align: left">
<asp:RadioButtonList ID="RadioButtonList2" runat="server">
<asp:ListItem Value="0">是</asp:ListItem>
<asp:ListItem Value="1" Selected="True">否</asp:ListItem>
</asp:RadioButtonList>
</td>
<td>
</td>
</tr>
<tr>
<td style="text-align: right;">
用户金额:
</td>
<td style="text-align: left">
<input type="text" id="txtMoney" name="txtMoney" runat="server" />
</td>
<td class="error">
<label for="txtMoney">
</label>
</td>
</tr>
<tr>
<td style="text-align: right;">
用户年龄:
</td>
<td style="text-align: left">
<input type="text" id="txtAge" name="txtAge" runat="server" />
</td>
<td class="error">
<label for="txtAge">
</label>
</td>
</tr>
<tr>
<td style="text-align: right;">
用户头像:
</td>
<td style="text-align: left">
<input type="file" id="txtPic" runat="server" />
</td>
<td class="error">
<label for="txtPic">
</label>
</td>
</tr>
<tr>
<td style="text-align: right;">
用户所在地区:
</td>
<td style="text-align: left">
<input type="text" id="txtDepart" name="txtDepart" runat="server" />
</td>
<td class="error">
<label for="txtDepart">
</label>
</td>
</tr>
<tr>
<td style="width: 100%" colspan="3">
<input type="submit" id="su" value="ceshi" />
</td>
</tr>
</table>
</div>
</form>
</body>
后台验证email的aspx代码
public partial class UsersManage_validateurl : System.Web.UI.Page
{
Users users = new Users();
protected void Page_Load(object sender, EventArgs e)
{
if (Request["txtEmail"] != null && Request["txtEmail"] != "")
{
bool result = users.existEmail(Request["txtEmail"]);
// Response.Write(result); //经测试无效
Response.Write(result.ToString().ToLower());// 经测试有效
// Response.Write("{ \"valid\" :\"" + result + "\"}");
Response.End();
}
}
}
谢谢大家的回答!