jQuery("input#<%=FileUpload1.ClientID %>").change(function () {
alert(jQuery(this).val());
});
2014年7月27日 星期日
C# Asp.net FIleUpload event listen
標籤:
JavaScript,
Jquery
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真是差太多
不過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
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。
開發工具用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。
訂閱:
文章 (Atom)