如何检查不包含提交按钮的HTML5表单的有效性？

15 浏览
0 Comments

如何检查不包含提交按钮的HTML5表单的有效性？

以下是一个在浏览器中有效的示例代码，它会在输入框中看到HTML5的"required"属性时进行检查，比如下面的电子邮件输入框：

​

以上示例可以在这个链接中找到。

然而，在我的应用程序中，我在表单之外使用了一个按钮，并在该按钮的点击事件上附加了以下代码：

if (!$form.valid || $form.valid()) {

$submitBt

.disableBt();

$modal

.removeBlockMessages()

.blockMessage('正在联系服务器，请稍候...', {

type: 'loading'

});

$.ajax({

url: href,

dataType: 'json',

type: 'POST',

data: $form.serializeArray()

})

.done(onDone)

.fail(onFail);

}

我有两个问题：

  • 以下代码是做什么用的：(!$form.valid || $form.valid())
  • 如何使用新的HTML5检查功能来检查表单的有效性？
0