```javascript
$(document).ready(function() {
  $('#myForm').submit(function(e) {
    e.preventDefault(); // 阻止表单默认提交行为
    var name = $('#name').val();
    var email = $('#email').val();
    var message = $('#message').val();
    if (name === '') {
      alert('Name不能为空');
      return false;
    } else if (email === '') {
      alert('Email不能为空');
      return false;
    } else if (message === '') {
      alert('Message不能为空');
      return false;
    } else {
      // 表单验证通过,可以提交表单
      $(this).unbind('submit').submit();
    }
  });
});

解释:

  1. $(document).ready() 函数确保页面加载完成后再执行jQuery代码。

  2. $('#myForm').submit() 函数监听表单提交事件。

  3. e.preventDefault() 阻止表单默认提交行为,以便进行自定义验证。

  4. $('#name').val() 获取名字输入框的值。

  5. if (name === '') 判断名字是否为空。

  6. return false 防止表单提交。

  7. $(this).unbind('submit').submit() 取消表单监听器并提交表单。

jQuery表单验证:如何使用jQuery实现非空验证

原文地址: https://www.cveoy.top/t/topic/mC74 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录