今天在购书网的图书管理页面遇到一个小问题,关于用户输入验证:使用.NET的验证控件可以实现较多的用户输入验证,但提示信息输出不是很灵活,所以尝试在页面较为显眼的地方使用DIV标记显示错误信息.页面表单为3个TextBox控件及一个ImageButton控件,javascript代码如下:
因使用了母版页,在VS2005编辑的环境下控件的ID并不是真正的ID,在输出为HTML代码后会在该ID前自动添加一些字符,故需要在浏览器中将控件的ID复制下来,得到的才是真正的该控件ID
<script language=javascript>
var flag=false;
function check(obj,str)
{
var o=document.getElementById(obj);
if(o.value=="")
{
document.getElementById("bookname").innerText=str;
}
else
{
document.getElementById("bookname").innerText="";
flag=true;
}
if(flag)
{
//ImageButton2的disabled默认设置为disabled;
document.getElementById("ctl00_ContentPlaceHolder1_ImageButton2").disabled=false;
}
}
</script>
页面CS文件代码如下:
protected void Page_Load(object sender, EventArgs e)
{
TextBox1.Attributes.Add("onBlur", "return check('"+TextBox1.ClientID +"','作者为空!');");
TextBox2.Attributes.Add("onBlur", "return check('" + TextBox2.ClientID + "','书名为空!');");
TextBox3.Attributes.Add("onBlur", "return check('" + TextBox3.ClientID + "','出版社为空!');");
}