本文总结了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页面: 代码如下: function fn_Name() { alert("JS"); } 后台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 = " -->