每次使用jQuery Validator時提示文字總是在<input>的下方,但是我想修改到<input>的右邊。
網上找了幾種方法都沒成功,於是自己到jQuery Validate 的js文件裏去找參數,結果找到了關鍵點:
errorElement -----修改提示文字的包裝
仔細看可以發現,默認的都是<label class="error>錯誤提示文字</label>
因爲是label標籤,所以自動的就給換行了。
所以設置errorPlacement爲span類型就可以了。
var validator = $("#myForm").validate({
errorElement: 'span',
errorPlacement: function(error, element) {
error.appendTo(element.parent());
},
rules:{}
messages:{}
)};
這樣提示文字的位置就變爲<input>的後面了。
如果想修改提示文字的格式(如顏色),還需要自定義。例如:
<style>
span.error {
color:red;
}
</style>