jQuery 添加必填项到输入字段

在网页开发中，表单是非常常见的元素。为了确保用户填写表单时提供必要的信息，我们可以使用 jQuery 来添加必填项到输入字段。这样一来，用户就不能跳过这些字段而直接提交表单了。

css
.required {
  border: 1px solid red;
}

javascript
$(document).ready(function() {
  $('input[type="text"]').addClass('required');
});

javascript
$(document).ready(function() {
  $('form').submit(function(event) {
    $('input.required').each(function() {
      if ($(this).val() === '') {
        event.preventDefault();
        $(this).addClass('error');
      }
    });
  });
});

html
  姓名：
  
  
  邮箱：
  
  
  留言：
  
  
  提交

css
.required {
  border: 1px solid red;
}
.error {
  border: 1px solid red;
}

javascript
$(document).ready(function() {
  $('input[type="text"]').addClass('required');
  $('textarea').addClass('required');
  $('form').submit(function(event) {
    $('input.required, textarea.required').each(function() {
      if ($(this).val() === '') {
        event.preventDefault();
        $(this).addClass('error');
      }
    });
  });
});