顯示具有 JavaScript 標籤的文章。 顯示所有文章
顯示具有 JavaScript 標籤的文章。 顯示所有文章

2014年7月27日 星期日

C# Asp.net FIleUpload event listen


jQuery("input#<%=FileUpload1.ClientID %>").change(function () {
                alert(jQuery(this).val());
            });

2014年7月17日 星期四

JavaScript 敲打文字時,驗證整數和小數



// 驗證小數
// doc:Doc物件
function ValiFloat(doc) {
    var docValue = $(doc).val();

    // 驗證小數pattern
    var valiPattern1 = /^\d+[.]?\d*$/;
    var reValiPattern1 = /^\d+[.]?\d*/;

    // 驗證數字格式pattern ,針對 01 replace 1
    var valiPattern2 = /^[0]+\d+/;
    var reValiPattern2 = /[1-9]\.?\d*/;

    if (!valiPattern1.test(docValue)) {
        $(doc).val(reValiPattern1.exec(docValue))
    }
    else if (valiPattern2.test(docValue)) {
        $(doc).val(reValiPattern2.exec(docValue))
    }

}

// 驗證整數
// doc:Doc物件
function ValiNumber(doc) {

    var docValue = $(doc).val();

    // 驗證整數pattern
    var valiPattern1 = /[^0-9]/g;

    // 驗證數字格式pattern ,針對 01 replace 1
    var valiPattern2 = /^[0]+\d+/;
    var reValiPattern2 = /[1-9]\.?\d*/;

    if (doc.value != doc.value.replace(valiPattern1, '')) {
        doc.value = doc.value.replace(valiPattern1, '');
    }

    else if (valiPattern2.test(docValue)) {
        $(doc).val(reValiPattern2.exec(docValue))
    }

}

// 使用方法就在Jquery 的 $(document).ready(function ()
$(document).ready(function () {
   // 驗證小數
   $(document).on("keyup","selector",function(){
        ValiFloat(this);
   })

   // 驗證整數
   $(document).on("keyup","selector",function(){     
        ValiNumber(this);
   })
})


2014年7月7日 星期一

Javascript KeyDown Listener

javascript版 鍵盤按鈕Listener 程式碼的數量真是..... 相較winap真是差太多
 window.addEventListener("keydown", checkKeyPressed, false);

 function checkKeyPressed(e) {
     alert(e.keyCode);
     if (e.keyCode == "65") {
         alert("The 'a' key is pressed.");
     }
 }


不過GridView分頁要用鍵盤數字鍵去做分頁選擇的話
比較簡單的做法,直接放一個TextBox和一個Button
後端Page_Load裡面一個 TextBox1.Focus();

前端
<div style="position: absolute; top: -1500px">
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button2_Click" />
 </div>
後端
 protected void Page_Load(object sender, EventArgs e)
 {
            if (!IsPostBack)
            {
           
            }
         
            TextBox1.Focus();
}

要注意Button2放的位置,如果上一個有Button的話,在TextBox按下ENTER 只會執行第一個Button

2014年6月26日 星期四

JavaScript Hello World

前言就不需要了,想看歷史Google一下吧!

開發工具用Chrome就可以了,打開Chrome 按F12,上面的工具列選擇Console
輸入:
alert("Hello World")
或 console.log("Hello World")
或 document.write("Hello World")

講一下這三種使用上差別:
1: alert("Hello World") 這個很經常使用到,我們再開發的時候如果需要提示使用者,或是一些注意事項的時候可以使用這個方法。還有另一個常用的語法
if(confirm("我帥嗎?")) { alert("不帥!"); } else { alert("帥!"); }


2: console.log("Hello World")
這個方法也很常使用到,我們再寫flow的時候就可以透過這個方式Debug,將我們的處理過程顯示出來。

3: document.write("Hello World")
這個就很少再使用了,用這個語法會把所有的資料全部清掉,只秀出Hello World。