html表单按钮颜色修改,当表单有效时更改提交按钮颜色

- 日理万妓 2022-10-06 04:44 252阅读 0赞

我希望按钮在表单有效时更改颜色，而不必点击任何内容或调用某个函数(如单击提交按钮)。只要表格有效，按钮应该变成蓝色，我无法理解这一点，任何帮助都将不胜感激。当表单有效时更改提交按钮颜色

HTML：

Email

Password

jQuery的：

$("input").on("keydown", function (e) \{

return e.which !== 32;

\});

$("\#error\_email").hide();

$("\#error\_password").hide();

var error\_email = false;

var error\_password = false;

$("\#email\_box").click(function()\{

$("\#error\_email").hide();

\});

$("\#password\_box").click(function()\{

$("\#error\_password").hide();

\});

$("\#email\_box").focusout(function()\{

check\_email();

\});

$("\#password\_box").focusout(function()\{

check\_password();

\});

function check\_email() \{

var pattern = new RegExp(/^\[+a-zA-Z0-9.\_-\]\[email protected\]\[a-zA-Z0-9.-\]+\\.\[a-zA-Z\]\{2,4\}$/i);

if(pattern.test($("\#email\_box").val())) \{

$("\#error\_email").hide();

\} else \{

$("\#error\_email").html("Invalid email address");

$("\#error\_email").show();

error\_email = true;

\}

\}

function check\_password() \{

var password\_length = $("\#password\_box").val().length;

if (password\_length < 5) \{

$("\#error\_password").html("Must be greater than 5 characters");

$("\#error\_password").show();

error\_password = true;

\} else\{

$("\#error\_password").hide();

\}

\}

$("\#email\_login").submit(function() \{

error\_email = false;

error\_password = false;

check\_email();

check\_password();

if(error\_password == false && error\_email == false) \{

return true;

\} else \{

return false;

\}

\});

发表评论取消回复

表情：

评论列表（有 0 条评论，252人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML：表单和按钮

表单：表单标签的基本语法： <form action=”处理数据程序的URL地址” method=”get|post” name=”表单名称”>……</form> 其中：

迷南。/ 2024年03月26日 21:24/ 0 赞/ 73 阅读

相关修改单选按钮按钮位置

要点 android:button="@null" android:drawableRight="@drawable/news\_msg\_notice\_radio"

古城微笑少年丶/ 2023年10月05日 10:42/ 0 赞/ 51 阅读

相关表单禁用（一次性按钮）

如何让按钮点击一次后不能再点击？效果图： ![在这里插入图片描述][2020110116421880.png_pic_left] ![在这里插入图片描述][202

墨蓝/ 2022年11月21日 11:46/ 0 赞/ 176 阅读

相关 html禁止form表单提交表单提交,onsubmit阻止表单提交

在实际开发中往往会遇到检查表单数据的合法性，如果数据不合法，就不让其提交。 Bootstrap 实例 - 提交表单验证 //---> function checksubm

骑猪看日落/ 2022年10月07日 11:57/ 0 赞/ 424 阅读

相关 html表单按钮颜色修改,当表单有效时更改提交按钮颜色

我希望按钮在表单有效时更改颜色，而不必点击任何内容或调用某个函数(如单击提交按钮)。只要表格有效，按钮应该变成蓝色，我无法理解这一点，任何帮助都将不胜感激。当表单有效时更改提交

- 日理万妓/ 2022年10月06日 04:44/ 0 赞/ 253 阅读

相关 HTML同一个table中不同的按钮提交不同表单

> 在同一个页面的table中提交用不同的按钮提交不同的表单通常需要多个form，如果为了排版需要对齐不同的button，可以用table的tbody标签实现将tbo

左手的ㄟ右手/ 2022年07月15日 07:56/ 0 赞/ 258 阅读

相关 form表单下的button按钮会自动提交表单的问题

form表单下的按钮在没有指定type类型的时候，如果我们同时给其添加了点击事件的话。会发现我们在点击的时候回默认的把表单也给提交了。如： <script type

男娘i/ 2022年07月13日 10:36/ 0 赞/ 246 阅读

相关阻止form表单提交按钮的默认 action

$(document).ready(function(){ $("form").submit(function(e){ e.preven

川长思鸟来/ 2022年06月11日 05:58/ 0 赞/ 267 阅读

相关 HTML表单颜色选择器

有些情况下，我们要保存对应的颜色值，比如优惠券，会员卡根据金额的不同，颜色值也有可能不同，那么后台如何获取颜色值呢。 1.使用H

r囧r小猫/ 2022年06月03日 06:20/ 0 赞/ 393 阅读

相关 JS--JavaScript提交表单（submit事件）、重置表单、取消默认提交表单（单击按钮、回车）

提交表单使用< input > 或 < button >标签都可以定义提交按钮，只要将type属性值设置为“submit”即可，而图像按钮则是通过将 < input >

痛定思痛。/ 2021年08月13日 18:15/ 0 赞/ 562 阅读