jq注册
『壹』 JQUERY用户注册验证用户名手机号码
使用$.ajax()代替,$.ajax()可以设置同步或异步
『贰』 jQuery开发登录注册页面,要有验证
jQuery开发登录注册页面,无非就是获取用户提交的表单,用jquery表单值进行正则匹配,如果匹配成功则用ajax提交数据给后台处理存入数据库。若正则不匹配则提示错误,禁止提交。
『叁』 jquery用户注册提交怎么写
$("#sub").click(function(){
$("#form").submit();
});
<form action="" method="post" id="form" >
<input name="name" id="name">
<input name="pwd" id="pwd">
<input type="button" value="提交" id="sub">
</form>
『肆』 jquery事件如何注销重新注册
.unbind()取消事件
.bing()绑定事件
『伍』 怎样用JS+jQuery做出注册信息验证
注册信息验证?是在前端判断用户输入的是否符合需求吗?
如果你是上述意思,那可以用JS的正则表达式,很简单,很强大
『陆』 实现jquery用户注册应该注意什么
给你上个实例看看吧
<html>
<head>
<meta charset="utf-8"/>
<script type="text/javascript"
src="../script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$(":input.required").each(function(){
var $required =
$("<strong>*</strong>");
$(this).parent().append($required);
});
$(":input.required").blur(function(){
//判断一下鼠标离开谁了
if($(this).is("#username")){
$(".formtip").remove();
//按照用户名的规则去验证
if(this.value==""||this.value.length<6){
var errMsg = "<span
class='formtip'>用户名至少是6个字母</span>";
$(this).parent().append(errMsg);
}else{
var msg = "<span
class='formtip'>用户名可以使用</span>";
$(this).parent().append(msg);
}
}
//判断一下如果是email的话,应该按照email的规则去验证
if($(this).is("#email")){
$(".emailtip").remove();
//按照email的规则去验证
var reg =
/^\w{1,}@\w+\.\w+$/;
var $email = $("#email").val();
if(!reg.test($email)){
var errMsg = "<span
class='emailtip'>邮箱不合法</span>";
$(this).parent().append(errMsg);
}else{
var Msg = "<span class='emailtip'>邮箱可以使用</span>";
$(this).parent().append(Msg);
}
}
});
})
</script>
</head>
<body>
<form
action="#" method="post">
<div class="int">
用户名:<input
type="text" name="username" id="username" class="required"/>
</div>
<div class="int">
邮箱:<input type="text" id="email"
class="required"/>
</div>
<div class="int">
个人资料:<input type="text" id="personInfo" class="required"/>
</div>
<input type="submit" value="提交" id="send"/><input
type="reset" id="res"/>
</form>
</body>
</html>
『柒』 ajax jQuery进行注册用户名验证
你先根据这个用户名查询数据库,如果数据库有这个用户,就根据用户名获取email然后比对
『捌』 如何用jquery来做注册提示信息
$('#regForm').validate({
rules:{
cellphone:{
required:true,
mobilephone:true,
remote:'/index/check-username'
},
verify:{
required:true,
remote:'/index/check-verifycode'
},
password:{
required:true,
minlength:6,
maxlength:20
},
confirmPassword:{
required:true,
minlength:6,
maxlength:20,
equalTo: "#password"
},
smgverifycode:{
required:true
},
/*inviteCode:{
maxlength:5,
minlength:5,
remote:"/index/check-invite-code"
},*/
agreement:{
required:true
}
},
messages:{
cellphone:{
required:addstyle('请输入手机号码'),
mobilephone:addstyle('不是有效的手机号'),
remote:addstyle('手机号码已经被注册')
},
verify:{
required:addstyle('请输入图文码'),
remote:addstyle('图文码不正确')
},
smgverifycode:{
required:addstyle('请输入短信验证码')
},
password:{
required:addstyle('请输入密码'),
minlength:addstyle("密码应该为6-20位"),
maxlength:addstyle("密码应该为6-20位")
},
confirmPassword:{
required:addstyle('请再一次输入密码'),
minlength:addstyle("密码应该为6-20位"),
maxlength:addstyle("密码应该为6-20位"),
equalTo:addstyle('您输入的确认密码和密码不一致')
},
/*inviteCode:{
maxlength: addstyle('邀请码不正确'),
minlength: addstyle('邀请码不正确'),
remote:addstyle('邀请码不存在')
},*/
agreement:{
required:addstyle('请同意供货商入驻协议')
}
},
errorElement:'p',
errorClass:'err_p',
errorPlacement:function(error, element){
if (e.html() == "" && error[0].textContent != "") {
error.appendTo(e.show());
}
},
//success:function(label,element){
// console.log(2, label, element);
// label.parent().parent().siblings('div').removeClass('control-group err');
// if(label.text() == ''){
// label.parent().css('display','none');
// label.remove();
// }
//},
highlight: function (element) { // hightlight error input
if (e.find('p').attr('for') == 'smgverifycodeoften') {
e.html('').hide();
}
if (e.text() == "" || e.find('p').attr('for') == $(element).attr('id') ) {
$(element).parent().addClass('control-group err');
}
},
unhighlight: function (element) { // revert the change done by hightlight
var label = $("span.err_msg");
$(element).parent().removeClass('control-group err');
if(label.text() == '' && e.text() == ""){
e.hide();
}
},
submitHandler:function(form){
s.addClass('alert-info').html('<span>注册中...请稍后</span>').show();
$.post("/index/post-register", $(form).serialize(), function(res){
if(res.code){
$.cookie('username', $('input[name="cellphone"]').val(), {expires:30});
s.html('<span>注册成功, 跳转至登录页...</span>').show();
setTimeout(function(){
window.location = '/index/login';
}, 800);
} else {
s.hide(); //隐藏正确提示
/*if (res.data.reason == 1) {
$('#invite_code').parent().addClass('control-group err');
e.html('<p for="invite_code" class="err_p"><span class="err_msg">'+res.msg+'</span></p>').show();//显示错误信息
$(".err_p").show();
}*/
if (res.data.reason == 2) {
$('#smgverifycode').parent().addClass('control-group err');
e.show().html('<p for="smgverifycode" class="err_p"><span class="err_msg">'+res.msg+'</span></p>');//显示错误信息息
$(".err_p").show();
} else {
$('#smgverifycode').parent().addClass('control-group err');
e.show().html('<p for="smgverifycode" class="err_p"><span class="err_msg">'+res.msg+'</span></p>');//显示错误信息息
$(".err_p").show();
}
setTimeout(function() {
e.hide().html('')
}, 2000);
}
},'json');
}
});
});
『玖』 如何用jquery做一个注册页面
首先,jquery 是一个抄js 的框架或插件,如果要做页面的话,是需要:html + css + js(jquery)的。单独用jquery做注册是不科学的。
可以先用html画结构,然后加上css美化一下,用jquery做点击提交和校验操作。
『拾』 jquery下拉单注册什么事件
1、如果你用的onmouseout事件,建议你换成onmouseleave试试,因为存在事件冒泡的问题。内
2、如果存在子菜单容,在子菜单上面也bind一个onmouseenter和onmouseleave事件。