js表单验证,如果不为空时自动改变提交按钮的背景色

最新推荐文章于 2023-01-13 01:50:49 发布

a_靖

最新推荐文章于 2023-01-13 01:50:49 发布

阅读量3.1k

点赞数

文章标签： js表单验证如果不为空时自动改变提交按钮

本文链接：https://blog.csdn.net/qq_35713752/article/details/78676241

版权

<!DOCTYPE html>
	<head>
		<title>js验证表单,如果表单都不为空,则按钮颜色自变,某为空时恢复原本背景色</title>
		<script language="javascript" type="text/javascript">
			var a = '';
			var b = '';
			function chadnge(e) {
				a = e;
				if(a != '' && b != '') {
					document.getElementById('btn').style.background="red";
				}else{
					document.getElementById('btn').style.background="#d0d0d0";
				}
			}

			function chadnge2(e) {
				b = e;
					if(a != '' && b != '') {
					document.getElementById('btn').style.background="red";
				}else{
					document.getElementById('btn').style.background="#d0d0d0";
				}
			}
		</script>
	</head>

	<body>
		<label for="name">名字</label>
		<input type="text" id="name" maxlength="8" onchange="chadnge(this.value)" class="required">
		<label for="phone">手机号</label>
		<input type="text" id="phone" class="required" onchange="chadnge2(this.value)" maxlength="11">
		<input type="button" value="注册" id="btn">
	</body>
</html>

微信小程序开发交流qq群 173683895