使用jquery验证条件时显示警报

<script src="https://cdn.jsdelivr.net/npm/jquery"></script>

<form id="myForm">
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name" required>
  <br>
  <label for="email">邮箱:</label>
  <input type="email" id="email" name="email" required>
  <br>
  <input type="submit" value="提交">
</form>

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    var name = $('#name').val();
    var email = $('#email').val();

    // 进行条件验证
    if (name === '') {
      alert('请输入姓名');
      return false; // 阻止表单提交
    }

    if (email === '') {
      alert('请输入邮箱');
      return false; // 阻止表单提交
    }

    // 验证通过，可以进行表单提交
    alert('表单验证通过，可以提交');
    // 可以在这里调用后端接口进行数据提交等操作
  });
});