.NET开发中的几个JS奇技淫巧


1,JS获取服务器端控件ID。
如下为JS获取txtAddress控件的ID的代码
var  txtAddress  =  document.getElementById( " <%=this.txtAddress.ClientID%> " );
注意:此方法的JS代码不能分离出单独的JS文件,而只能写在页面上,否则不能正确识别。

2,JS禁用服务器端控件以及改变控件状态和样式
下面的imgbtnRegister 为一个ImageButton控件,通过设置,改变了可点击状态和背景图片
ContractedBlock.gif ExpandedBlockStart.gif disableRegister()
var imgbtnRegister = document.getElementById("<%=this.imgbtnRegister.ClientID%>");

function disableRegister()
{
    imgbtnRegister.disabled
="disabled";  //改变状态
    imgbtnRegister.style.cursor = "wait";//改变鼠标指针形状
    imgbtnRegister.src="image/web/register/register_forbad.gif";//改变控件图片
}


3,是否同意注册条款
ContractedBlock.gif ExpandedBlockStart.gif checkbox
    <!-- HTML部分代码如下 checkbox -->
    
<div class="reg_info_line">
        
<input id="CheckboxRegisterClause"  onclick="agreeClause()"   type="checkbox" />
        
<class="blove" href="#">我已阅读,理解并接受麦格啡会员注册条款。</a>
    
</div>

ContractedBlock.gif ExpandedBlockStart.gif agreeClause()
//js部分如下
function agreeClause()
{
    
if(CheckboxRegisterClause.checked==true)
    {
        imgbtnRegister.disabled 
= false;
        imgbtnRegister.src 
= "image/web/register/register.gif";
        imgbtnRegister.style.cursor 
= "pointer";
    }
else
    {
        disableRegister();
    }
}


4,验证控件之正则验证Email地址

ContractedBlock.gif ExpandedBlockStart.gif RegularExpressionValidator
    <div class="reg_info">
        
<div class="register_l">
            安全邮箱:
<span class="reg_red">*</span>
        
</div>
        
<div class="register_r">
            
<asp:TextBox ID="txtEmail" CssClass="txtShort" runat="server"></asp:TextBox>
            
<asp:RegularExpressionValidator ID="RegularExpressionValidatorEmail" runat="server" ControlToValidate="txtEmail" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"  ErrorMessage="请输入正确的邮箱地址"></asp:RegularExpressionValidator>
        
</div>    
        
<div class="clear"></div> 
    
</div>

转载于:https://www.cnblogs.com/didi/archive/2009/05/25/1488567.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值