引导模式中的HTML5表单验证

时间:2017-04-04 05:58:41

标签: jquery html5 forms validation bootstrap-modal

我对jquery和javascript相对较新。 单击模式中的“打开模态”按钮即可打开表单。 接下来,当我点击模式中的“保存”时,它应该验证HTML5表单,并且成功验证应该调用另一个函数“addDetails()”。

如何使用现有的jquery表单验证插件或任何其他方法实现此目的?使用时我需要提到哪些CDN?

In [27]: a
Out[27]: 
array([[ 1,  2,  3],
       [ 4,  5,  6],
       [ 7,  8,  9],
       [10, 11, 12],
       [13, 14, 15]])

In [28]: strided_axis0(a, L=2)
Out[28]: 
array([[ 1,  4,  2,  5,  3,  6],
       [ 4,  7,  5,  8,  6,  9],
       [ 7, 10,  8, 11,  9, 12],
       [10, 13, 11, 14, 12, 15]])

1 个答案:

答案 0 :(得分:1)

有样品表格:

<form>
<textarea required></textarea>
<input type="submit" style="display:none;"/>
</form>

<a>Some other button to trigger event</a>

现在我们必须检查表单是否填写正确:

//this is <a> click event:
if (!$('form')[0].checkValidity()) {
$('form').find('input[type="submit"]').click();
return false;
}

这将触发表单发送但由于存在错误而无法发送;)

似乎输入上显示了html5验证错误[type =&#34;提交&#34;]点击:)

希望也适合你! :)