足迹——登录实现（JavaScript 验证输入框）

  在登录提交表单的前一般都会要求JavaScript来验证输入的内容，这样即可以提高页面执行效率（避免了到服务端验证），也增加了用户体验。微软提供了验证控件，比如RegularExpressionValidator、CompareValidator等。不过我不太喜欢用这些控件，还是自己写出来的用的比较得心应手。
  要在表单提交前处理验证，就必须对提交按钮进行设置。首先在cs页面里加入
 

  protected void Page_Load(object sender, EventArgs e)
    {
        ibtnLogin.Attributes.Add("onclick", "if( CheckLogin()==false){return false;}");

    }

  IbtnLogin为我的图片按钮，提交表单作用。加上这句话后就可以在提交表单前执行我的CheckLogin（）的JavaScript脚本了。

<script type="text/javascript">
 function CheckLogin()
 {
   if (document.getElementById("txtUname").value=="")
   {
    
     alert("\请输入用户名！！！");
    return false;
   }
   
      if (document.getElementById("txtPWD").value=="")
   {
    alert("\请输入密码！！！");
    return false;
    
   }
   
 if (document.getElementById("txtVCode").value=="")
   {
    alert("\请输入验证码！！！");
    return false;
    
   }

 }

</script>

  JavaScript还可以做更多的验证，比如控制输入字符数，只能输入字母或数字等。说白了就是想怎么验证就怎么验证。o(∩_∩)o...哈哈