javascript - 首次提交时未显示验证错误消息
问题描述
我在 Aurelia 应用程序中使用 JQuery 验证和 Bootstrap 模式。我面临的问题是,当我点击模式上的提交按钮时,不会显示验证错误消息,但是如果您单击输入,则会显示错误消息。为什么验证会这样?
var html = '<form id="form">';
for (var col in columns) {
if (columns[col].type === 'text' && columns[col].edit) {
html += '<input type="text" value="' + rowData[columns[col].data] + '" name="' + columns[col].data + '" placeholder="' + columns[col].data + '"/><br />';
}
}
html += '<input type="hidden" name="rowIndex" id="rowIndex" value="' + rowIndex + '" />';
html += '<input type="submit" id="update"/></form>';
$('#dialog').html(html);
$("#dialog").modal();
$('body').on('click', '#update', function(e) {
e.preventDefault();
$("#form").validate({
rules: {
name: {
required: true,
minlength: 8
},
place: {
required: true,
minlength: 8
}
},
messages: {
name: {
required: "Please enter some data",
minlength: "Your data must be at least 8 characters"
},
place: {
required: "Please enter some data",
minlength: "Your data must be at least 8 characters"
}
}
});
var data = $('#form').serializeArray();
var rowIndex = $('#rowIndex').val();
var rowData = table.row(rowIndex).data();
var newData = {};
newData['order'] = rowData['order'];
newData['delete'] = rowData['delete'];
for (var d in data) {
newData[data[d]['name']] = data[d]['value'];
}
table.row(rowIndex).data(newData).draw();
});
如果您想了解更多信息,这是我的JSFiddle 。
解决方案
推荐阅读
- sql - 在从 SQL Server 中删除之前将 SQL Server 表复制到 txt 文件中
- java - 特定匹配的正则表达式格式
- ruby - 调酒师挑战,错误 ocde:challange3.rb:64:in `
': nil:NilClass (NoMethodError) 的未定义方法 `+' - javascript - Lodash return key if exists, otherwise return the other key
- azure - Azure 使用 ARM 模板标记资源组
- javascript - 为什么我的函数没有循环显示没有错误显示?
- reactjs - 如何使我在 React 中编码的表单提交到我的电子邮件
- python - 在生成器或其他解决方案中增加计数
- c# - 对多个端点使用 HttpClient 和 HttpClientHandler 的最佳实践是什么?
- c# - 新安装后无法在新项目上打开设计器