1,JS获取服务器端控件ID。
如下为JS获取txtAddress控件的ID的代码
var
txtAddress
=
document.getElementById(
"
<%=this.txtAddress.ClientID%>
"
);
注意:此方法的JS代码不能分离出单独的JS文件,而只能写在页面上,否则不能正确识别。2,JS禁用服务器端控件以及改变控件状态和样式
下面的imgbtnRegister 为一个ImageButton控件,通过设置,改变了可点击状态和背景图片
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
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](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<!-- HTML部分代码如下 checkbox -->
<div class="reg_info_line">
<input id="CheckboxRegisterClause" onclick="agreeClause()" type="checkbox" />
<a class="blove" href="#">我已阅读,理解并接受麦格啡会员注册条款。</a>
</div>
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
//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](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<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>