1. 程式人生 > >JDBC程式設計--完成使用者註冊功能

JDBC程式設計--完成使用者註冊功能

$(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(); }); });