Javascript验证会在填充每个字段时逐个删除其边框颜色

在这里，我遇到了将字段边框颜色（在验证消息之后）更改为其（填充文本输入时）原始颜色的问题

当我按下“下一步”按钮时，所有字段的颜色都变为红色。填充字段后，我想将此颜色删除为白色

下一步：-我还必须用边框颜色显示错误消息。 e、 g.对于所有字段，应显示类似（不完整）的消息

if（oldIndex==0）
{
var$emailv=document.getElementById（'user_email'）。值；
var$passwordd=document.getElementById（'chatinput2'）。值；
var$cpassw=document.getElementById（'chatinput3'）。值；
变量字段=document.getElementsByClassName（“vikass”）；
如果（$emailv==”“&&&$passwordd==”“&&&$cpassw==”“）
{
对于（变量i=0；i=0&&index

你能给我们看看html和css吗？这是链接

if(oldIndex==0)
{
    var $emailv   = document.getElementById('user_email').value;
    var $passwordd = document.getElementById('chatinput2').value;
    var $cpassw   = document.getElementById('chatinput3').value;
    var fields    = document.getElementsByClassName("vikass");

    if($emailv=="" && $passwordd == "" && $cpassw == "")
    {
        for(var i = 0; i < fields.length; i++)
        {
            if(fields[i].value="" )
            {
                fields[i].style.border="2px solid red";

            }
            else
            {
                fields[i].style.border="";
            }
        }

    }
    else if($emailv=="")
    {

        document.getElementById('status').innerHTML="<img src='/APPEX/appex/wp-content/themes/jobs/images/incorrect_icon.png'> Please Enter the Email";
    }
    else if($passwordd==""){

        document.getElementById('user_pass').innerHTML="<img src='/APPEX/appex/wp-content/themes/jobs/images/incorrect_icon.png'> Please Enter the Password";
    }
    else if(cpassw=""){

        document.getElementById('u_c_pass').innerHTML="<img src='/APPEX/appex/wp-content/themes/jobs/images/incorrect_icon.png'> Please Enter the Confirm Password";
    }
    else if($passwordd != $cpassw){

        document.getElementById('u_c_pass').innerHTML="<img src='/APPEX/appex/wp-content/themes/jobs/images/incorrect_icon.png'> Password don not match";
    }
    else{
        if (index >= 0 && index < state.stepCount && !(options.forceMoveForward && index < state.currentIndex))
        {
            var anchor = getStepAnchor(wizard, index),
                parent = anchor.parent(),
                isDisabled = parent.hasClass("disabled");

            // Enable the step to make the anchor clickable!
            parent._enableAria();
            anchor.click();

            // An error occured
            if (oldIndex === state.currentIndex && isDisabled)
            {
                // Disable the step again if current index has not changed; prevents click action.
                parent._enableAria(false);
                return false;
            }

            return true;
        }

        return false;
    }
}