Html
    Css
    Js

    
                        
input {
	width:320px;
	height:40px;
	outline:none;
	border:1px solid #DDDDDD;
	padding-left:12px;
	display:block;
	margin:20px auto 0 auto;
}
.box {
	width:500px;
	height:500px;
	margin:100px auto;
}
.btn {
	width:260px;
	height:40px;
	border-radius:5px;
}
.orange {
	background-color:orange!important;
	color:#fff!important;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.9.1
 立即下载

实时监测表单是否填写完成

实时检测表单是否填写完毕,按钮禁用

2
      小白06230
      2017/9/8 9:01:12

      这个项目有个缺陷,就是当有一个输入空格时,登陆按钮也会变化  这个问题应该用trim排除一下

          ymfever0
          2017/9/8 9:11:48
          是的,当初只是为了写这个demo,表单方面没有做处理。日常用到的很多可能都需要你用正则去验证一下的。谢谢你的指出。
      回复