jqueryCode
code：
<%@ Page Language="C#" MasterPageFile="../MasterPage.Master" AutoEventWireup="true" CodeBehind="AddCustomer.aspx.cs" Inherits="WebApp.Customer.AddCustomer" Title="无标题页" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeaderPlaceHolder1" runat="server">
<link type="text/css" rel="stylesheet" href="../Css/screen.css" />
<style type="text/css">
.xgbtn,.radiocss *{border:none;}
</style>
<script type="text/javascript" src="../Js/jquery.validate.min.js"></script>
<script type="text/javascript" src="../Js/messages_cn.js"></script>
<script type="text/javascript" src="../Js/jquery.pstrength-min.1.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input[type='text']").each(function(){
if($(this).attr("maxlength")<20)return;
else if($(this).attr("maxlength")>20)return;
$(this).attr("maxlength","20");
});
//get id
var id = QueryString("id");
if(id == null || $.trim(id) == "")id = 0;
jQuery.validator.addMethod("ChkUserName",function(value,element){
var reg = /^[a-zA-Z0-9_]{6,20}$/;
return this.optional(element) || (reg.test(value));
},"格式有误");
jQuery.validator.addMethod("ChkMyName",function(value,element){
var reg = /^[\u4e00-\u9fa5]{2,6}$/;
return this.optional(element) || (reg.test(value));
},"格式有误,必须2-6汉字.");
jQuery.validator.addMethod("TelFormat",function(value,element){
//var reg = /(^(\d{2,4}[-_－—]?)?\d{3,8}([-_－—]?\d{3,8})?([-_－—]?\d{1,7})?$)|(^0?1[35]\d{9}$)/;
var reg = /((\(\d{3}\)|\d{3}-)|(\(\d{4}\)|\d{4}-))?(\d{8}|\d{7})/;
return this.optional(element) || (reg.test(value));
},"格式有误");
jQuery.validator.addMethod("IsExistByUid",function(value,element){
if(id != 0) return true;
var iu = WebApp.AjaxData.isExistByUserName(value);
return this.optional(element) || !iu.value;
},"该用户已存在!");
jQuery.validator.addMethod("IsExistByMobile",function(value,element){
if(id != 0) return true;
var iu = WebApp.AjaxData.isExistByMobile(value);
return this.optional(element) || !iu.value;
},"该手机号已存在!");
jQuery.validator.addMethod("isExistByYyzao",function(value,element){
if(id != 0) return true;
var iu = WebApp.AjaxData.isExistByYyzao(value);
return this.optional(element) || !iu.value;
},"该营业执照已存在!");
jQuery.validator.addMethod("isExistByJyXukezheng",function(value,element){
if(id != 0) return true;
var iu = WebApp.AjaxData.isExistByJyXukezheng(value);
return this.optional(element) || !iu.value;
},"该经营许可证已存在!");
var addPer = $("#<%=HidAddPer.ClientID %>").val();//
jQuery.validator.addMethod("setPar",function(value,element){
var bRes = true;
if($.trim(value) == ""){
bRes = false;
}else{
if(value > addPer)
bRes = false;
}
return this.optional(element) || bRes;
},"比率值不能大于"+addPer+"!");
jQuery.validator.addMethod("IsZero",function(value,element){
return this.optional(element) || value != "0";
},"必选字段!");
jQuery.validator.addMethod("isMobile", function(value, element) {
var length = value.length;
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));
}, "请正确填写您的手机号码");
$("#aspnetForm").validate({
errorPlacement: function(error, element){
if(element.is("#<%=txtCszq.ClientID %>") ||element.is("#<%=txtRate.ClientID %>")){
error.appendTo(element.next().next().text(""));
}else{
error.insertAfter(element);
}
}
});
});
function QueryString(fieldName){
var urlString = document.location.search;
if(urlString != null)
{
var typeQu = fieldName+"=";
var urlEnd = urlString.indexOf(typeQu);
if(urlEnd != -1)
{
var paramsUrl = urlString.substring(urlEnd+typeQu.length);
var isEnd = paramsUrl.indexOf('&');
if(isEnd != -1)
{
return paramsUrl.substring(0, isEnd);
}
else
{
return paramsUrl;
}
}
else
return null;
}
else
return null;
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<!--操作区-->
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="27">当前位置：<a href="/SaleApp/Default.aspx">系统首页</a> > 客户管理 ><asp:Literal runat="server" ID="LitTitle">添加客户</asp:Literal></td>
<td align="right"><a href="#"></a></td>
</tr>
</table>
<table width="98%" border="0" cellpadding="0" cellspacing="1" bgcolor="#b4cdf0" class="p8">
<tr>
<td align="right" bgcolor="#e8eefa" style="width:15%;"><font color="red">*</font>用户名：</td>
<td bgcolor="#f9fbfe" style="width:35%;">
<asp:TextBox runat="server" ID="txtAccountName" MaxLength="20" CssClass="formbk4 required ChkUserName IsExistByUid"></asp:TextBox>
<div>6-20位,以字母开始，含数字及下划线</div>
</td>
<td rowspan="8" bgcolor="#FFFFFF" style="width:2%;"> </td>
<td height="22" align="right" bgcolor="#e8eefa" style="width:13%;"><font color="red">*</font>姓名：</td>
<td bgcolor="#f9fbfe" style="width:35%">
<asp:TextBox runat="server" ID="txtName" CssClass="formbk4 required ChkMyName" MaxLength="6"></asp:TextBox>
</td>
</tr>
<tr id="myTR" runat="server">
<td align="right" bgcolor="#e8eefa"><font color="red">*</font>密码：</td>
<td bgcolor="#f9fbfe">
<asp:TextBox runat="server" ID="txtpwd" CssClass="formbk4 password" TextMode="Password" maxlength="20" minlength="6"></asp:TextBox>
<div style="display:none;">6-20位<asp:Label runat="server" ID="LitPwdMsg" style="color:Red" Visible="false">此项不填为不修改</asp:Label></div>
</td>
<td height="22" align="right" bgcolor="#e8eefa">确认密码：</td>
<td bgcolor="#f9fbfe">
<asp:TextBox runat="server" ID="txtpwd2" TextMode="Password" CssClass="formbk4 required password2" minlength="6" equalTo=".password" maxlength="20"></asp:TextBox>
</td>
</tr>
<tr>
<td height="22" align="right" bgcolor="#e8eefa"><font color="red">*</font>手机：</td>
<td bgcolor="#f9fbfe">
<asp:TextBox MaxLength="11" runat="server" ID="txtMboile" CssClass="formbk4 required isMobile IsExistByMobile"></asp:TextBox>
</td>
<td align="right" bgcolor="#e8eefa" >电话：</td>
<td bgcolor="#f9fbfe">
<asp:TextBox runat="server" ID="txtTel" CssClass="formbk4 TelFormat" MaxLength="12"></asp:TextBox>
</td>
</tr>
<tr>
<td height="22" align="right" bgcolor="#e8eefa"><font color="red">*</font>地址：</td>
<td bgcolor="#f9fbfe">
<asp:DropDownList runat="server" ID="DropProv"></asp:DropDownList>
<asp:DropDownList runat="server" ID="DropCity"></asp:DropDownList>
<asp:DropDownList runat="server" ID="DropCountry" CssClass="IsZero"></asp:DropDownList>
<asp:TextBox runat="server" ID="txtAddress" CssClass="formbk4 required"></asp:TextBox>
</td>
<td align="right" bgcolor="#e8eefa">性别：</td>
<td bgcolor="#f9fbfe">
<asp:RadioButtonList runat="server" ID="RadioSex" RepeatDirection="Horizontal" CssClass="radiocss">
<asp:ListItem Value="0" Selected="True">男士</asp:ListItem>
<asp:ListItem Value="1">女士</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr>
<td height="22" align="right" bgcolor="#e8eefa"><font color="red">*</font>用户组：</td>
<td bgcolor="#f9fbfe">
<asp:DropDownList runat="server" ID="DropUserGroup" CssClass="IsZero"></asp:DropDownList>
</td>
<td align="right" bgcolor="#e8eefa">邮箱：</td>
<td bgcolor="#f9fbfe">
<asp:TextBox runat="server" ID="txtMail" CssClass="formbk4 email" MaxLength="50" ></asp:TextBox>
</td>
</tr>
<tr>
<td align="right" bgcolor="#e8eefa">营业执照：</td>
<td bgcolor="#f9fbfe">
<asp:TextBox runat="server" ID="txtYyzz" CssClass="formbk4 isExistByYyzao"></asp:TextBox>
</td>
<td align="right" bgcolor="#e8eefa"><font color="red">*</font>经营许可证：</td>
<td bgcolor="#f9fbfe">
<asp:TextBox runat="server" ID="txtJyxkz" CssClass="formbk4 required isExistByJyXukezheng"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right" bgcolor="#e8eefa"><font color="red">*</font>初始帐期：</td>
<td bgcolor="#f9fbfe">
<asp:TextBox runat="server" ID="txtCszq" CssClass="formbk5 required number digits" MaxLength="3">0</asp:TextBox>
<span class="p9">天</span><span></span>
</td>
<td align="right" bgcolor="#e8eefa">单位名称：</td>
<td bgcolor="#f9fbfe"><asp:TextBox runat="server" ID="txtCorpName" CssClass="formbk4"></asp:TextBox>
</td>
</tr>
<tr>
<td height="22" align="right" bgcolor="#e8eefa"><font color="red">*</font>比率：</td>
<td bgcolor="#f9fbfe">
<asp:TextBox runat="server" ID="txtRate" CssClass="formbk5 number required setPar" Text="1"></asp:TextBox>
<asp:HiddenField ID="HidAddPer" runat="server" />
<span class="red">(注：如加价5%，请填1.05)</span><span></span>
</td>
<td align="right" bgcolor="#e8eefa"> </td>
<td bgcolor="#f9fbfe"> </td>
</tr>
<tr>
<td height="50" align="right" bgcolor="#e8eefa">备注：</td>
<td colspan="4" bgcolor="#f9fbfe">
<asp:TextBox runat="server" ID="txtMemo" CssClass="formbk6" TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
</table>
<table width="98%" height="57" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="15%" align="center"> </td>
<td width="35%" align="center">
<asp:Button runat="server" ID="btnSave" Text="增加客户" CssClass="xgbtn" OnClick="btnSave_Click" />
</td>
<td align="center">
<input type="button" class="xgbtn" value="重填资料" id="btnReset" onclick="formreset();" />
</td>
<td width="15%" align="center"> </td>
</tr>
</table>
<asp:HiddenField runat="server" ID="HiddenCity" />
<asp:HiddenField runat="server" ID="HiddenCountry" />
<!--操作区end-->
<script type="text/javascript">
var dCity = document.getElementById("<%=DropCity.ClientID %>");//市
var dCountry = document.getElementById("<%=DropCountry.ClientID %>");//区县
var dProvince = document.getElementById("<%=DropProv.ClientID %>");//省份
dProvince.selectedIndex = 0;
function getCity(obj){//获取市数据
//alert(obj.value);
var citys = WebApp.AjaxData.GetCity(obj.value);
if(citys != null)
{
var area = citys.value;
DropReset(dCity);
DropReset(dCountry);
for(var i = 0; i < area.length; i++){
var option = new Option(area[i].Name,area[i].Name);
dCity.options.add(option);
}
}
}
function formreset(){
$(",input[type='password'],input[type='text'],textarea,select").each(function(i){
var qs=QueryString("id");
if(qs == null || qs == "")
$(this).val("");
});
}
function DropReset(obj){//重置select控件值
obj.options.length = 0;
obj.options.add(new Option("--请选择--",""));
}
function getCountry(obj){//获取区县数据
var country = WebApp.AjaxData.GetCountry(obj.value);
if(country != null){
var area = country.value;
$("#<%=HiddenCity.ClientID %>").val(obj.value);//附值
DropReset(dCountry);
if(area.length == 0)return;
var option;
if(area[0].Name.length == 0){
option = new Option(obj.value,obj.value);
dCountry.options.add(option);
}else{
for(var i = 0; i < area.length; i++){
option = new Option(area[i].Name,area[i].Name);
dCountry.options.add(option);
}
}
}
}
function getCvalue(obj){
$("#<%=HiddenCountry.ClientID %>").val(obj.value);//附值
}
function chkuid(obj){
if(obj.value != ""){
var iu = WebApp.AjaxData.isExistByUserName(obj.value);
if(iu.value){
alert("该用户已存在!");
obj.value = "";
obj.focus();
}
}
}
function checkdata(){
var msg = "";
var prov = document.getElementById("<%=DropProv.ClientID %>");
var addPer = document.getElementById("<%=HidAddPer.ClientID %>").val();//
if(prov.value == "" ||prov.value == "0"){
msg +="*省或直辖市不能为空!\n";
}
if(dCity.value == "" ||dCity.value == "0"){
msg += "*地市不能为空!\n";
}
if(dCountry.value == "" ||dCountry.value == "0"){
msg += "*区县不能为空!\n";
}
if($("#<%=txtRate.ClientID %>").val() > addPer){
msg += "比率值不能大于"+addPer+"!";//15%
}
if(msg.length >0){
alert(msg);
return false;
}
}
function getDropValue(province,city,country){
var prov = document.getElementById("<%=DropProv.ClientID %>");
jsSelectItemByValue(prov,province);
prov.onchange();
jsSelectItemByValue(dCity,city);
dCity.onchange();
jsSelectItemByValue(dCountry,country);
dCountry.onchange();
}
function jsSelectItemByValue(objSelect,objItemText)
{
for(var i=0;i<objSelect.options.length;i++)
if(objSelect.options[i].text == objItemText)
objSelect.options[i].selected = true;
}
</script>
<script type="text/javascript">
$(function() {
$('.password').pstrength();
});
</script>
<asp:Literal runat="server" ID="LitDJs"></asp:Literal>
</asp:Content>
附正则表达式：
JavaScript验证正则表达式大全
JavaScript验证正则表达式大全,搜集最全的JavaScript验证正则表达式,开始查看吧，这里的都是正则表达式的例子，具体和函数结合的使用方法，还请查看下篇文章《JavaScript使用正则表达式进行验证》匹配中文字符的正则表达式： [u4e00-u9fa5]
有长度的中文匹配哦：/^[\u4e00-\u9fa5]{2,6}$/
评注：匹配中文还真是个头疼的事，有了这个表达式就好办了匹配双字节字符(包括汉字在内)：[^x00-xff]
评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）匹配空白行的正则表达式：ns*r
评注：可以用来删除空白行匹配HTML标记的正则表达式：< (S*?)[^>]*>.*?|< .*? />
评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力匹配首尾空白字符的正则表达式：^s*|s*$
评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
评注：表单验证时很实用匹配网址URL的正则表达式：[a-zA-z]+://[^s]*
评注：网上流传的版本功能很有限，上面这个基本可以满足需求匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注：表单验证时很实用匹配国内电话号码：d{3}-d{8}|d{4}-d{7}
评注：匹配形式如 0511-4405222 或 021-87888822匹配腾讯QQ号：[1-9][0-9]{4,}
评注：腾讯QQ号从10000开始匹配中国邮政编码：[1-9]d{5}(?!d)
评注：中国邮政编码为6位数字匹配身份证：d{15}|d{18}
评注：中国的身份证为15位或18位匹配ip地址：d+.d+.d+.d+
评注：提取ip地址时有用
匹配特定数字：
^[1-9]d*$ //匹配正整数
^-[1-9]d*$ //匹配负整数
^-?[1-9]d*$ //匹配整数
^[1-9]d*|0$ //匹配非负整数（正整数 + 0）
^-[1-9]d*|0$ //匹配非正整数（负整数 + 0）
^[1-9]d*.d*|0.d*[1-9]d*$ //匹配正浮点数
^-([1-9]d*.d*|0.d*[1-9]d*)$ //匹配负浮点数
^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$ //匹配浮点数
^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$ //匹配非负浮点数（正浮点数 + 0）
^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$ //匹配非正浮点数（负浮点数 + 0）
评注：处理大量数据时有用，具体应用时注意修正匹配特定字符串：
^[A-Za-z]+$ //匹配由26个英文字母组成的字符串
^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串
^[a-z]+$ //匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$ //匹配由数字和26个英文字母组成的字符串
^w+$ //匹配由数字、26个英文字母或者下划线组成的字符串在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:
只能输入数字：“^[0-9]*$”
只能输入n位的数字：“^d{n}$”
只能输入至少n位数字：“^d{n,}$”
只能输入m-n位的数字：“^d{m,n}$”
只能输入零和非零开头的数字：“^(0|[1-9][0-9]*)$”
只能输入有两位小数的正实数：“^[0-9]+(.[0-9]{2})?$”
只能输入有1-3位小数的正实数：“^[0-9]+(.[0-9]{1,3})?$”
只能输入非零的正整数：“^+?[1-9][0-9]*$”
只能输入非零的负整数：“^-[1-9][0-9]*$”
只能输入长度为3的字符：“^.{3}$”
只能输入由26个英文字母组成的字符串：“^[A-Za-z]+$”
只能输入由26个大写英文字母组成的字符串：“^[A-Z]+$”
只能输入由26个小写英文字母组成的字符串：“^[a-z]+$”
只能输入由数字和26个英文字母组成的字符串：“^[A-Za-z0-9]+$”
只能输入由数字、26个英文字母或者下划线组成的字符串：“^w+$”
验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为：以字母开头，长度在6-18之间，
只能包含字符、数字和下划线。
验证是否含有^%&',;=?$"等字符：“[^%&',;=?$x22]+”
只能输入汉字：“^[u4e00-u9fa5],{0,}$”
验证Email地址：“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”
验证InternetURL：“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$”
验证电话号码：“^((d{3,4})|d{3,4}-)?d{7,8}$”
正确格式为：“XXXX-XXXXXXX”，“XXXX-XXXXXXXX”，“XXX-XXXXXXX”，
“XXX-XXXXXXXX”，“XXXXXXX”，“XXXXXXXX”。
验证身份证号（15位或18位数字）：“^d{15}|d{}18$”
验证一年的12个月：“^(0?[1-9]|1[0-2])$”正确格式为：“01”-“09”和“1”“12”
验证一个月的31天：“^((0?[1-9])|((1|2)[0-9])|30|31)$”
正确格式为：“01”“09”和“1”“31”。
匹配中文字符的正则表达式： [u4e00-u9fa5]
匹配双字节字符(包括汉字在内)：[^x00-xff]
匹配空行的正则表达式：n[s| ]*r
匹配HTML标记的正则表达式：/< (.*)>.*|< (.*) />/
匹配首尾空格的正则表达式：(^s*)|(s*$)
匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?(1)应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）
String.prototype.len=function(){return this.replace([^x00-xff]/g,"aa").length;}(2)应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现
String.prototype.trim = function()
{
return this.replace(/(^s*)|(s*$)/g, "");
}
(3)应用：利用正则表达式分解和转换IP地址
function IP2V(ip) //IP地址转换成对应数值
{
re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error("Not a valid IP address!")
}
}
(4)应用：从URL地址中提取文件名的javascript程序
s="http://www.9499.net/page1.htm";
s=s.replace(/(.*/){0,}([^.]+).*/ig,"$2") ; //Page1.htm
(5)应用：利用正则表达式限制网页表单里的文本框输入内容
用正则表达式限制只能输入中文：onkeyup="value="/blog/value.replace(/["^u4E00-u9FA5] /g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"
用正则表达式限制只能输入全角字符： onkeyup="value="/blog/value.replace(/["^uFF00-uFFFF]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,''))"
用正则表达式限制只能输入数字：onkeyup="value="/blog/value.replace(/["^d]/g,'') "onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"
用正则表达式限制只能输入数字和英文：onkeyup="value="/blog/value.replace(/[W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''
感谢您的鼓励和批评，它将是我进步的动力