欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

總結(jié)ASP.NET C#中經(jīng)常用到的13個JS腳本代碼

 更新時間:2016年04月18日 10:41:05   作者:freeliver54  
本文總結(jié)了ASP.NET C#在實際開發(fā)過程中13個JS腳本代碼,方便大家在開發(fā)中使用,希望對大家有用。

在C#開發(fā)過程中,免不了寫一些JS,其實做后端開發(fā)的,本身不擅長寫JS,干脆總結(jié)一下,方便自己也方便別人,分享給大家。呵呵~~

1.按鈕前后臺事件

復(fù)制代碼 代碼如下:

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button"
OnClientClick="alert('客房端驗證,阻止向服務(wù)器端提交');return false;" />

2.注冊相關(guān)事件:onblur,onclick,onchange

復(fù)制代碼 代碼如下:

this.TextBox1.Attributes.Add("onchange",
"alert('數(shù)據(jù)被改動,現(xiàn)檢查輸入是否符合規(guī)則');");

3.注冊相關(guān)屬性:

復(fù)制代碼 代碼如下:

this.TextBox1.Attributes.Add("readOnly", "true");

4.引入JS文件

前臺HTML頁面:

復(fù)制代碼 代碼如下:

<script type="text/javascript" src="JScript.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
function fn_Name()
{
    alert("JS");
}
</script>

后臺cs頁面:

復(fù)制代碼 代碼如下:

this.RegisterClientScriptBlock("jsFile",
"<script type='text/javascript' src='JScript.js' language='javascript'></script>");
[code]

5.點擊按鈕時 相關(guān)欄位 非空判斷

[code]
function checkEmpty(txtObj,msgShow)
{
    if(txtObj.value == "")
    {
        alert(msgShow);
        return false;
    }
}
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button"
OnClientClick="return checkEmpty(TextBox1,'TextBox1 不能為空')" />

6.通過ChcekBox的是否點選來控制其相對應(yīng)的TextBox 是否可輸入

復(fù)制代碼 代碼如下:

function chkTextBox(chkObj,txtObj)
{
    if(chkObj.checked==true)
    {
        txtObj.value = "";
        txtObj.readOnly = false;   
        txtObj.focus();
    }
    if(chkObj.checked == false)
    {
        txtObj.value = "";
        txtObj.readOnly = true;    
    }
}
<input id="Checkbox1" type="checkbox" onclick="chkTextBox(Checkbox1,TextBox1)" />

7.傳值到模態(tài)窗口 并得到傳回的值

復(fù)制代碼 代碼如下:

var EnCodeQueryName = escape(Name);
var strPara = "'dialogWidth: 400px;dialogHeight: 400px;dialogLeft: 300px;dialogTop: 200px;toolbar: no;menubar: no;resizable: yes;location: no;status: no;scrollbars= no'";
var ReturnInfo = window.showModalDialog("QryName.aspx?&Name="+EnCodeQueryName +"&QueryID="+QueryType+"",'',strPara);
if(ReturnInfo !=null)
{
    var arrayReturnInfo = ReturnInfo .split("@");
    document.all.drpID.value = arrayReturnInfo[1];
    document.all.txtName.value= arrayReturnInfo[2];
}

8.彈出JS的確認對話框,并根據(jù)確認結(jié)果 觸發(fā)后臺相關(guān)操作

復(fù)制代碼 代碼如下:

if(confirm('確認如何嗎?'))
{
  document.all.hidbtn_Submit.click();
}
else
{
  document.all.hidbtn_Cancel.click();
}

HTML頁面相關(guān)代碼:

復(fù)制代碼 代碼如下:

<input id="hidbtn_Submit" type="button" value="確認修改"
style="display:none;"
onserverclick="hidbtn_Submit_ServerClick"
runat="server" />

9.添加頁面對快捷鍵的響應(yīng),如 按F2時 進行新增按鈕的操作等

復(fù)制代碼 代碼如下:

#region 添加頁面對快捷鍵的響應(yīng)
string strJS_ShortKey = "<script language='javascript' type='text/javascript' > ";
strJS_ShortKey += " document.onkeydown=shortKeyDown; ";
strJS_ShortKey += " function shortKeyDown()  ";
strJS_ShortKey += " { ";
// 新增
if (this.ButtonCtl1.ImgBtn_AddFamily.Visible)
{
    string btnInsertCID = this.ButtonCtl1.ImgBtn_Insert.ClientID.Trim();
    //F2 - 113
    strJS_ShortKey += " if(event.keyCode=='113') ";
    strJS_ShortKey += "  { ";
    strJS_ShortKey += "    document.all('" + btnInsertCID + "').click();";
    strJS_ShortKey += "    event.keyCode= 0; ";
    strJS_ShortKey += "    event.returnValue = false; ";
    strJS_ShortKey += "    return false; ";
    strJS_ShortKey += "  } ";
}
// 修改
if (this.ButtonCtl1.ImgBtn_Edit.Visible)
{
    string btnEditCID = this.ButtonCtl1.ImgBtn_Edit.ClientID.Trim();
    //F3 - 114
    strJS_ShortKey += " if(event.keyCode=='114') ";
    strJS_ShortKey += "  { ";
    strJS_ShortKey += "    document.all('" + btnEditCID + "').click();";
    strJS_ShortKey += "    event.keyCode= 0; ";
    strJS_ShortKey += "    event.returnValue = false; ";
    strJS_ShortKey += "    return false; ";
    strJS_ShortKey += "  } ";
}
strJS_ShortKey += " } ";
//注冊事件
Page.RegisterStartupScript("shortKey", strJS_ShortKey);
#endregion

10.彈出的提示 分行顯示

復(fù)制代碼 代碼如下:

alert('aaa \r\n bbb \r\n ccc');

如果是在后臺.cs文件中注冊
則需要
復(fù)制代碼 代碼如下:

string strAlertContent = "aaa"+" \\r\\n ";
strAlertContent += "bbb" +" \\r\\n ";

11.點擊GridView上的某一行時,行首列處的RadioButton處于選中狀態(tài),同時保存相關(guān)值在隱藏欄位

復(fù)制代碼 代碼如下:

//用查詢得的數(shù)據(jù)集進行綁定
if (dt.Rows.Count > 0)
{
    //綁定
    this.gv_InfoFromSendModule.DataSource = dt;
    this.gv_InfoFromSendModule.DataBind();
    //確定按鈕顯示
    this.btn_OK.Visible = true;
    this.txthid_RowCount.Text = dt.Rows.Count.ToString();
}
//GridView的RowDataBound
protected void gv_InfoFromSendModule_RowDataBound(object sender, GridViewRowEventArgs e)
{
   if (e.Row.RowIndex < 0)
      return;
   e.Row.Attributes.Add("onclick", "radButton('" + e.Row.RowIndex.ToString() + "','" + e.Row.Cells[1].Text.Trim() + "');");
   //RadioButton rad = (RadioButton)e.Row.Cells[0].FindControl("rad_Select");
   //rad.Attributes.Add("onclick", "radButton('"+e.Row.RowIndex.ToString()+"','"+ e.Row.Cells[1].Text.Trim()+"');");
}
//行上所綁定的JS
function radButton(rowIndex,rowGUID)
{
    //gv_InfoFromSendModule$ctl02$rad_Select
    var rowCount = parseInt(document.all.txthid_RowCount.value)+2;
    for(var i=2;i<rowCount;i++)
    {
        var tmpName;
        if(i<10)
        {
            tmpName = "gv_InfoFromSendModule$ctl0"+i+"$rad_Select";              
        }
        else
        {
            tmpName = "gv_InfoFromSendModule$ctl"+i+"$rad_Select";  
        }
        //取得對應(yīng)的Radio對象
        var tmpRadio = document.getElementById(tmpName);
        //當前選中 其他取消選中
        if((i-2) == rowIndex)
        {                
            tmpRadio.checked = true;
        }
        else
        {
            tmpRadio.checked = false;
        }
    }
    document.all.txthid_GUID.value = rowGUID;
}

12.去掉前后空格

復(fù)制代碼 代碼如下:

function fn_Trim(obj)
{
    if(obj==null)
    {
       return;
    }
    else
    {
        var oldStr = obj.value;
        var newStr = oldStr.replace(/^\s+|\s+$/g,"");
        obj.value = newStr;
    }     
}

13.TextBox文本內(nèi)容長度判斷 看是否超過長度 超過返回true

復(fù)制代碼 代碼如下:

function fn_IsTooLong(obj,varLength)
{
    if(obj==null)
    {
       return false;
    }
    else
    {
        var valueStr = obj.value;
        var len = valueStr.match(/[^ -~]/g) == null ? valueStr.length : valueStr.length + valueStr.match(/[^ -~]/g).length ;
        if(len > parseInt(varLength) )
        {
            return true;
        }
        else
        {
            return false;
        }
    }     
}

相關(guān)文章

  • ASP.NET(C#) Web Api通過文件流下載文件的實例

    ASP.NET(C#) Web Api通過文件流下載文件的實例

    這篇文章主要介紹了ASP.NET(C#) Web Api通過文件流下載文件的方法,提供源碼下載,需要的朋友可以參考下。
    2016-06-06
  • asp.NET 臟字過濾算法

    asp.NET 臟字過濾算法

    asp.NET 臟字過濾算法,需要參考上一篇文章,大家可以比較下。
    2009-10-10
  • xUnit 編寫 ASP.NET Core 單元測試的方法

    xUnit 編寫 ASP.NET Core 單元測試的方法

    這篇文章主要介紹了xUnit 編寫 ASP.NET Core 單元測試的方法,文中代碼非常詳細,幫助大家更好的參考和學習,感興趣的朋友可以了解下
    2020-06-06
  • C#/VB.NET 在Word中添加條碼、二維碼的示例代碼

    C#/VB.NET 在Word中添加條碼、二維碼的示例代碼

    這篇文章主要介紹了C#/VB.NET 如何在Word中添加條碼、二維碼,代碼中將分為在Word正文段落中、頁眉頁腳中等情況來添加。感興趣的朋友可以了解下
    2020-07-07
  • 總結(jié)十條.NET異常處理建議

    總結(jié)十條.NET異常處理建議

    .NET中從始至終要緊記異常處理的策略:拋出具體的一個異常,而不是只拋出Exception類型的異常,這樣能方便我們捕獲對應(yīng)類型的異常。我們在編寫代碼時要注意考慮到應(yīng)用程序最差的情況;顯示有好的信息,并提供適當?shù)墓芾韱T聯(lián)系信息
    2015-11-11
  • ASP.NET MVC 3實現(xiàn)訪問統(tǒng)計系統(tǒng)

    ASP.NET MVC 3實現(xiàn)訪問統(tǒng)計系統(tǒng)

    我們將介紹用ASP.NET MVC 3實現(xiàn)一個訪問統(tǒng)計系統(tǒng),包括統(tǒng)計代碼和Cookie等方面,希望對大家有所幫助。
    2015-10-10
  • aspnet?core使用websocket實時更新商品信息的方法

    aspnet?core使用websocket實時更新商品信息的方法

    這篇文章主要介紹了aspnetcore使用websocket實時更新商品信息,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2024-01-01
  • .Net獲取IP地址的方法

    .Net獲取IP地址的方法

    這篇文章主要介紹了.Net獲取IP地址的方法,本文給大家介紹的非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-01-01
  • Global.asax取絕對路徑的方法

    Global.asax取絕對路徑的方法

    通過string absolutelyPath可設(shè)置對路徑,具體代碼如下,感興趣的朋友可以參考下哈,希望對你有所幫助
    2013-04-04
  • .NET程序性能監(jiān)控系統(tǒng)Elastic?AMP的使用方法

    .NET程序性能監(jiān)控系統(tǒng)Elastic?AMP的使用方法

    這篇文章介紹了.NET程序性能監(jiān)控系統(tǒng)Elastic?AMP的使用方法,文中通過示例代碼介紹的非常詳細。對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-11-11

最新評論