我制作了一个小数独板用于一些练习,但我在 jQuery 验证方面遇到了问题。验证工作得很好,但是默认格式非常丑陋并且使电路板变形。
有没有办法获得覆盖验证消息?
fiddle 在这里 ( fiddle )。 输入大于 9 的整数并移动到另一个单元格以查看 jQuery 验证。
HTML表单的基本格式:
<form id="form1">
<table id="table">
<tr id="row1">
<td>
<input type="number" /> </td>
<td>
<input type="number" /> </td>
<td>
<input type="number" /> </td>
</tr>
</table>
</form>
jQuery:
// adds <input type="number" min:1 max:9 required />
$('input').attr({
min: 1,
max: 9,
}).prop('required', true);
$('#form1').validate();
我想知道如何使用 jQuery 验证,同时防止它扭曲数独板。也许是像使用提交按钮的普通 HTML 表单验证一样的覆盖。
最佳答案
您可以使用 errorPlacement
将错误消息放在任何地方.
例子:-
<div class="error"></div>
.
$('#form1').validate({
errorPlacement: function(error, element) {
error.appendTo($('.error'));
}
});
然后您可以使用它在您选择的弹出窗口/工具提示/等中附加错误并从那里显示它。
关于javascript - 使用 HTML 表单的 jQuery 验证修复格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33592250/