您现在的位置是：网站首页> 编程资料编程资料

总结ASP.NET C#中经常用到的13个JS脚本代码_实用技巧_

2023-05-24 164人已围观

简介 总结ASP.NET C#中经常用到的13个JS脚本代码_实用技巧_

在C#开发过程中，免不了写一些JS，其实做后端开发的，本身不擅长写JS，干脆总结一下，方便自己也方便别人，分享给大家。呵呵~~

1.按钮前后台事件

复制代码 代码如下:

OnClientClick="alert('客房端验证，阻止向服务器端提交');return false;" />

2.注册相关事件：onblur,onclick,onchange

复制代码 代码如下:

this.TextBox1.Attributes.Add("onchange",
"alert('数据被改动，现检查输入是否符合规则');");

3.注册相关属性：

复制代码 代码如下:

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

4.引入JS文件

前台HTML页面：

复制代码 代码如下:



后台cs页面：

复制代码 代码如下:

this.RegisterClientScriptBlock("jsFile",
"");
[code]

5.点击按钮时 相关栏位 非空判断

[code]
function checkEmpty(txtObj,msgShow)
{
    if(txtObj.value == "")
    {
        alert(msgShow);
        return false;
    }
}
OnClientClick="return checkEmpty(TextBox1,'TextBox1 不能为空')" />

6.通过ChcekBox的是否点选来控制其相对应的TextBox 是否可输入

复制代码 代码如下:

function chkTextBox(chkObj,txtObj)
{
    if(chkObj.checked==true)
    {
        txtObj.value = "";
        txtObj.readOnly = false;   
        txtObj.focus();
    }
    if(chkObj.checked == false)
    {
        txtObj.value = "";
        txtObj.readOnly = true;    
    }
}

7.传值到模态窗口 并得到传回的值

复制代码 代码如下:

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的确认对话框,并根据确认结果 触发后台相关操作

复制代码 代码如下:

if(confirm('确认如何吗?'))
{
  document.all.hidbtn_Submit.click();
}
else
{
  document.all.hidbtn_Cancel.click();
}

HTML页面相关代码：

复制代码 代码如下:

style="display:none;"
onserverclick="hidbtn_Submit_ServerClick"
runat="server" />

9.添加页面对快捷键的响应,如 按F2时 进行新增按钮的操作等

复制代码 代码如下:

#region 添加页面对快捷键的响应
string strJS_ShortKey = "