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

<!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

承接微信小程序开发。扫码加微信。

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

通用的JS表单验证插件代码
一个通用的JS表单验证插件代码.使用方法:第一步:需设定表单项数据类型,第二步:实例表单验证,验证错误提示说明(程序有自带相关错误提示,可自定义每项验证错误提示时文本,只需添加msg). [task] ...
JS表单验证(HTML+CSS+JS)详细教程
大家好,今天分享一个HTML+CSS+JS表单验证,这是我前两天学习的一个小demo,在这记录一下. 目录一.效果图二.介绍三.代码 (1)HTML (2)CSS (3)JavaScript J ...
JS表单验证-12个常用的JS表单验证
JS表单验证-12个常用的JS表单验证表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1.长度限制 <p>1. 长度限制</p&g ...
anjular.js表单验证实例
应用声明,控制器 <form action="" method="post" id="myForm" name="logFo ...
掌财社:html5中AmazeUI框架中JS表单验证实战案例展示！
今天和大家分享个有关于"html5中AmazeUI框架中JS表单验证实战案例展示!"这方面的相关内容知识,让大家对于html5中AmazeUI框架也可以有所了解! 1.需求做一个 ...
js表单验证（常用的正则表达式）
js表单验证的正则表达式,test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false. 语法:let reg=/正则表达式主体/修饰符(可 ...
js表单验证密码(确认密码)，密码长度至少8位，并且英文与数字组合
js表单验证密码(确认密码) 案例需求:在注册时,输入密码对其进行密码强度验证,并判断两次输入的密码是否一致.例如,密码长度至少8位,并且英文与数字组合. 代码实现 <p>输入密码:< ...
分享21个JS抽奖转盘特效，36个JS表单验证，31个JS进度条，总有一款适合您
分享21个JS抽奖转盘特效,36个JS表单验证,31个JS进度条,总有一款适合您下载链接:https://pan.baidu.com/s/1TWOGqes5J2baelO9qdItXg?pwd=ma ...
js表单验证处理和childNodes 和children 的区别
一.对提交表单进行空值验证 html代码: 1 <form action="#"onsubmit="return validate_form(this);" ...

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

承接微信小程序开发。扫码加微信。

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

最新文章

热门文章