向Javascript验证添加警报

我的网站上有Javascript和PHP代码（用于登录系统）：

您可以使用纯css（）


输入：无效{
边框：1px纯绿色；
}
：必需{
背景颜色：黄色；
}
任何人都应该如何回答这个问题？我们甚至不知道您正在使用什么JS库进行验证！我只是简单地问如何让文本“请提供您的密码”出现在警报中-我不明白这有多难理解。因为我们不知道您的
验证程序
类是如何使用消息的。。。你所要做的就是把它传递给一个图书馆，让它做点什么。（顺便说一句，
alert
对于表单验证来说非常烦人-在错误字段旁边显示消息要好得多）我将根据您的建议重新回答这个问题。
<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>

<style>
    input:invalid {
        border: 1px solid green;
    }
    :required { 
        background-color: yellow;
    }
<style>

<input type="email" required>