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事件。