Как выровнять текст проверки на правой стороне текстового поля в нокауте JS?

Question

Как выровнять текст проверки на правой стороне текстового поля в нокауте JS?

0

В моем приложении у меня есть одно текстовое поле следующим образом

<div class="col-xs-12 col-sm-5">
   <span class="block input-icon input-icon-right">
      <input type="text" data-bind="value: $root.createClassModelView.classTitle" maxlength="50" title="Class title" placeholder="Ex. 'Ph.D. in Mechanical Engineering'" class="width-100" />
   </span>
</div>

В моем js файле я применяю проверку следующим образом

classTitle: ko.observable().extend({
            required: true,
            minLength: 5,

            maxLength: 50,           
            pattern: {
                message: 'Class name should only contain alphabet and numbers.',
                params: '^[a-zA-Z0-9 ]*$',                
            }

        }),

Вышеуказанная проверка работает отлично. В нем отображается сообщение "Это поле обязательно". Но это сообщение отображается по умолчанию чуть ниже текстового поля. Я хочу показать его в правой части текстового поля. Как я должен это делать? Можете ли вы предоставить мне какой-либо код или ссылку, через которую я могу решить вышеупомянутую проблему?

Shailesh Jaiswal 20 март 2014, в 08:13

Источник

Теги:

c#

javascript

jquery

knockout.js

1 ответ

Ещё вопросы

Akhlesh · Accepted Answer · 2014-03-20T06-01-00.000Z

Вы используете стандартную конфигурацию и проверку нокаута для создания диапазона сразу после поля, чтобы отобразить сообщение об ошибке по умолчанию. вместо этого вы можете использовать привязку validationMessage для отображения сообщения об ошибке везде, где хотите.

связывание: -

 <span data-bind="validationMessage:classTitle "></span>

Остановите ввод сообщения об ошибке по умолчанию, установив для параметра insertMessages значение false.

 ko.validation.configure({
    insertMessages: false
 });

Демо-версия скрипта