如何使用JavaScript操作表单

Question

我是这个领域的新手所以请原谅我，如果我说技术上不正确的话。 我有一个带红色边框的表格。当我在表单中输入一个字符时，红色边框必须消失。我怎样才能在JavaScript中执行此操作？

非常感谢！

Answer 1

$(function(){
    $('form').submit(function(){
       
        event.preventDefault();
    });

$('input').on('keyup',function(){
    
    if($(this).val() === ""){
      $(this).addClass('error');   
    } else {
        $(this).removeClass('error');
    }

});
});

.error {
   border-color: red;
    
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form>
    <label> Your Name:
        <input type="text" placeholder="enter name"/>
        
    </label>
    
    <button type="submit">Submit</button>
</form>