BootstrapValidator не работает с xpages?

Question

Я новичок в бутстрапе, я пытался создать Xpage с помощью BootstrapValidator, чтобы проверить входной текст, но он не работает, под источником кода, мы можем помочь мне найти решение!

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
    xmlns:xc="http://www.ibm.com/xsp/custom"> 
    <xp:this.resources> 
    <xp:styleSheet href="/bootstrapValidator/css/bootstrap.css"></xp:styleSheet> 
    <xp:styleSheet href="/bootstrapValidator/css/bootstrapValidator.css"></xp:styleSheet> 
    <xp:script src="/JQueryXSnippet.js" clientSide="true"></xp:script> 
    <xp:script src="/bootstrapValidator/js/bootstrap.min.js" clientSide="true"> </xp:script> 
    <xp:script src="/bootstrapValidator/js/bootstrapValidator.js" clientSide="true"></xp:script> 
    </xp:this.resources> 
       <div class="col-md-5"> 
       <xp:inputText id="username" title=" username"></xp:inputText> 
</div> 

<xp:scriptBlock id="scriptBlock1"> 
<xp:this.value><![CDATA[$(document).ready(
function() { 
     $("#{id:username}").bootstrapValidator({ 
     message: 'This value is not valid', 
     feedbackIcons: { 
      valid: 'glyphicon glyphicon-ok', 
      invalid: 'glyphicon glyphicon-remove', 
      validating: 'glyphicon glyphicon-refresh' 
     }, 
     fields: { 
      username: { 
       message: 'The username is not valid', 
       validators: { 
        notEmpty: { 
         message: 'The username is required and can\'t be empty' 
        }, 
        stringLength: { 
         min: 6, 
         max: 30, 
         message: 'The username must be more than 6 and less than 30 characters long' 
        }, 
        regexp: { 
         regexp: /^[a-zA-Z0-9_\.]+$/, 
         message: 'The username can only consist of alphabetical, number, dot and underscore' 
        } 
       } 
      } } }); 
       ]]></xp:this.value> 
</xp:scriptBlock> 

      </xp:view> 

Answer 1

XPages compatible jQuery selector x$ Используйте вместо родного селектора JQuery $.

Также старайтесь использовать XSP.addOnLoad() вместо (document).ready().

Кроме того, поле XPages xp: inputText, называемое «username», имеет идентификатор в браузере, называемый «view: _id1: _id2: _id8: username». Таким образом, это не называется «имя пользователя», как указано в определении полей для bootstrapValidator. Поэтому bootstrapValidator не может найти это поле. Попробуйте добавить это в свой скриптBlock вместо "username: {":

#{id:username}: {