十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
你可以用jquery validate插件,里面的验证很全,例如是否为空,邮件格式等等都有。
创新互联建站-专业网站定制、快速模板网站建设、高性价比清原网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式清原网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖清原地区。费用合理售后完善,十多年实体公司更值得信赖。
可以研究下看看
给提交一个单击事件,把conpany的值传进去。定义个function。在方法里面判断company是否为空。为空alert提示,return false。不为空写你的异步提交方法。思路就是这样子。
其中用到了jquery插件来验证用户名哦,这里是利用jquery
ajax来验证用户名是否存在哦。大家看看效果图,后面将附上源码下载。
jquery框架实现的ajax
验证用户名是否存在的部分JS
复制代码
代码如下:
$("#accounts").formValidator({onshow:"请输入用户名",onfocus:"用户名至少4个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:4,max:10,onerror:"用户名至少4个字符,最多10个字符"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"})
.ajaxValidator({
type
:
"get",
url
:
"/ws/NameExist.aspx",
datatype
:
"json",
success
:
function(data){
if(
data
==
"1"
)
{
return
true;
}
else
{
return
false;
}
},
buttons:
$("#submit"),
error:
function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
onerror
:
"该用户名不可用,请更换用户名",
onwait
:
"正在对用户名进行合法性校验,请稍候..."
})
NameExist.aspx
实现的源码
复制代码
代码如下:
protected
void
Page_Load(object
sender,
EventArgs
e)
{
string
accounts
=
Request["accounts"];
LoginNameExist(accounts);
}
public
void
LoginNameExist(string
accounts)
{
IUsers
user
=
AgileEIS.Web.DAL.Interface.DALHelper.DALManager.CreateUsers();
user.Session
=
ContextHelper.Session;
user.Accounts
=
accounts;
user.Refresh();
if
(!user.Exists)
{
Response.Write("1");
}
else
{
Response.Write("0");
}
Response.End();
return;
}
异步刷新实现方式有多种,也可以借助js的多种框架,以上是使用jquery框架实现的ajax
验证用户名是否存在。首次发这样的技术文档,难免有不足之外,还请大家见凉...
下面将提供下载
jQuery开发登录注册页面,无非就是获取用户提交的表单,用jquery表单值进行正则匹配,如果匹配成功则用ajax提交数据给后台处理存入数据库。若正则不匹配则提示错误,禁止提交。
验证码可以由动态页面来实现 ,单纯的jquery是实现不了的,你说的那种效果 可能就是利用jquery来判断验证码输入是否正确
这个是有办法的,你可以通过onblur事件捕获用户的输入完成动作,然后验证并提示:
input id="inputEmail" class="easyui-validatebox" required="true" validType="email" /span id="validEmail"/span
script type="text/javascript"
$(function(){
$("#inputEmail").blur(function(){
if($(this).validatebox("isValid")){
$("#validEmail").text("可以注册").css("color","red");
}
});
});
/script