如何使用 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>

如何使用 JavaScript 操作表单

How to action a form with JavaScript

javascript

forms

action

character