jQuery Validator 修改提示文字的位置

每次使用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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章