向Javascript验证添加警报

Adding an alert to Javascript verification

本文关键字：添加 验证 Javascript      更新时间：2023-09-26

我有这个Javascript和PHP代码在我的网站(这是用于登录系统):

<form id='login' style="position: absolute; top: 10px; right: 100px;" action='<?php echo $fgmembersite->GetSelfScript(); ?>' method='post' accept-charset='UTF-8'>
<input type='hidden' name='submitted' id='submitted' value='1'/>
<div><span class='error'><?php echo $fgmembersite->GetErrorMessage(); ?></span></div>
<input type='text' name='username' class="formlogin" placeholder='Username' id='username' value='<?php echo $fgmembersite->SafeDisplay('username') ?>' maxlength="20" />
<span id='login_username_errorloc' class='error'></span>
<input type='password' class="formlogin" placeholder="Password" name='password' id='password' maxlength="50" />
<span id='login_password_errorloc' class='error'></span>
<input type='submit' name='Submit' value='Submit' />
<div class='short_explanation'><a href='reset-pwd-req.php'>Forgot Password?</a></div>
</form>
<script>
var frmvalidator  = new Validator("login");
frmvalidator.EnableOnPageErrorDisplay();
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("username","req","Please provide your username");
frmvalidator.addValidation("password","req","Please provide the password");
// ]]>
</script>
</ul>
</div>

目前，如果用户没有输入密码，就会出现"请提供密码"的文本。我如何编辑，使密码字段从白色变成红色?

您可以使用纯css(示例)

<style>
    input:invalid {
        border: 1px solid green;
    }
    :required { 
        background-color: yellow;
    }
<style>
<input type="email" required>
相关文章：