提交 AJAX 表单旧样式

Submitting AJAX form old style

本文关键字:样式 表单 AJAX 提交      更新时间:2023-09-26

我有一个表单,我只想使用 AJAX 进行验证。它有几个字段,我目前正在使用一个PHP脚本,我只想检查输入字段中输入的文件的大小是否小于N Kb。现在我想要的是,一旦我看到文件的总大小小于 N,就以旧方式将表单提交给自己:

操作="本地主机" 方法="发布"

我怎样才能实现相同的行为。谢谢

你基本上是在捕获事件,如果你想停止当前事件,你将使用e.preventDefault(),如果你不把这一行/返回true操作只会继续。

就像Sakuto说的,你应该有1个验证函数,它首先执行AJAX验证,然后允许表单提交。

大致如下:

function my_form_validation(e) {
  form_is_valid = validate_form_via_ajax();
  if (form_is_valid) {
    return true;
  }
  e.preventDefault();
  return false
}

并且表单提交事件应绑定到 my_form_validation()

下面是一个示例:https://jsfiddle.net/p8Lehqdg/3/