easyui-tooltip的使用

通常情況下，在提交form表單時，需要驗證一些基本信息，下面是一個平時遇到的小例子：

<div class="form-group">
    <label for="title" class="col-sm-3 control-label">姓名</label>
    <div class="col-sm-7">
        <input type="text" class="form-control easyui-tooltip" id="name" name="name" placeholder="請輸入姓名" data-options="position: 'top',onShow:inputTipOnShow">
    </div>
    <span class="redtip">*</span>
</div>

function inputTipOnShow(){    
　　$(this).tooltip('tip').css({
　　　　backgroundColor: '#666',
　　　　borderColor: '#666'
　　});
}

$(document).ready(function() {
　　//通過tooltip的showEvent和hideEvent來控制tooltip顯示，以下設置方式表示tooltip只有主動show的時候才會顯示，當鍵盤有輸入就會隱藏，避免鼠標一移到輸入框tooltip就顯示
　　$("#name").tooltip({
　　　　showEvent: null,
       hideEvent: "keydown"
　　});
　　//如果form表單在一個彈出的window中，在關閉window時，要將tooltip隱藏，否則如果關閉window之前有tootip信息顯示，那么該tooltip會一直顯示，直到頁面刷新
　　$('#window').window({
　　　　onBeforeClose:function(){ 
　　　　　　$("#name").tooltip('hide');
　　　　}
　　});
});
//在提交時判斷是否為空，如果為空就要tootip提示
if($("#name").val().length == 0){
    $("#name").tooltip({
        content:"姓名不能為空！"
    });
    $("#name").tooltip("show");
    $("#name").focus();
    return false;
}
順帶提一句，如果輸入的是年齡，要控制年齡的合法性，首先要用正則表達式判斷是否為正整數，然后再看是否在某個范圍內，在js中比較大小要用parseInt()不能直接比較，例如if(parseInt(s1)>parseInt(s2)){}