表单提交验证

zhengbo0

于 2014-02-28 11:24:44 发布

阅读量591

点赞数

分类专栏： html+css

html+css 专栏收录该内容

18 篇文章

订阅专栏

比如 页面
<form action ="..." methot ="post">
<input type ="text" name ="username" id="username">
<input type ="password" name ="password" id ="password">
<input type ="submit" value ="提交" onclick ="return valid();"> 
</form>

JavaScript代码；；
<script type="text/javascript">
   function valid(){
     var name = document.getElementById("username").value;
     var pass = document.getElementById("password").value;
     if(name==""){
        alert("用户名不能为空");
        return false;
     }
     if(pass==""){
        alert("密码不能为空");
        return false;
     }
     return true;
   }
</script>

注意：document.getElementById("username").value;和      document.getElementById("password").value;  这里引号 里面的名字 一定要和 页面 控件的名字相同。