JDBC程式設計--完成使用者註冊功能
阿新 • • 發佈:2019-02-10
$(document).ready(function(){
$(":input.required").each(function(){ //必填加紅星標識.
var $required = $("<strong class='high'> *</strong>"); //建立元素
$(this).parent().append($required); //在div後面新增一個*
});
$(':input').blur(function(){ //為所有的input新增失去焦點事件
var $parent = $(this).parent();
$parent.find(".formtips").remove(); //刪除以前的提示元素
if( $(this).is('#username') ){ // is方法判斷是否是使用者名稱
if( this.value=="" || this.value.length < 6||this.value.length > 18 ){
var errorMsg = '請輸入6-18位的使用者名稱.';
$parent.append('<span class="formtips onError">' +errorMsg+'</span>');
}
else{
var okMsg = '輸入正確.';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
if( $(this).is('#password') ){ //密碼是否符合格式
if( this.value=="" || ( this.value!=""
&& !(/^\d{1,6}$/).test(this.value) ) ){ //正則式驗證
var errorMsg = '密碼必須是1-6位數字.';
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
}
else{
var okMsg = '輸入正確.';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
if( $(this).is('#re_password') ){ //獲取id為re_password的節點,監聽當游標離開輸入框時,執行function方法
var password = $("#password").val(); //獲取id為password的輸入框中的內容
var repassword = $("#re_password").val();
if(password!=repassword)
{ //判斷兩個變數是否相等
var errorMsg = '兩次密碼輸入不一致.';
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
}
else{
var okMsg = '通過驗證.';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
}); //end blur
$(':input').keyup(function(){ //本例input元素keyup事件功能程式碼與blur相同
$(this).triggerHandler("blur"); //觸發blur事件
});
$(':input').focus(function(){ //本例input元素focus事件功能程式碼與blur相同
$(this).triggerHandler("blur"); //觸發blur事件
});
$('#send').click(function(){ //註冊按鈕
$(":input.required").trigger('blur');
var numError = $('form .onError').length; //class="onError"個數
if(numError>0){ //還有錯
return false;
}
});
$('#res').click(function(){ //重置按鈕
$(".formtips").remove();
});
});