2016-03-16 27 views
0

的javascript:奧裏利亞驗證沒有顯示出來

import {inject} from 'aurelia-framework'; 
import {Validation} from 'aurelia-validation'; 

@inject(Validation) 
export class CreateExecutedAgreement { 
    constructor(validation) { 
     this.agreementType = ""; 
     this.counterparty = ""; 
     this.validation = validation.on(this) 
     .ensure('agreementType') 
      .isNotEmpty() 
     .ensure('counterparty') 
      .isNotEmpty(); 
    } 
} 

HTML:

我可以看到驗證頁面做的事情,因爲我看到了

<p class="help-block aurelia-validation-message"></p> 

追加標籤後,但當我集中和模糊文本框我沒有看到任何消息,CSS更改等

在此先感謝。

+0

檢查你的CSS是否正確加載?是否有可能bootstrap.css未正確加載? –

+0

@EliranMalka不,引導程序肯定會加載好。有沒有其他的CSS我需要加載?這不僅僅是一個CSS的問題。在聚焦/模糊選擇後,沒有任何消息顯示(當我檢查html源代碼時 - 幫助塊中沒有消息)事件。 – pQuestions123

回答

0
<template> 
    <div class="form-group"> 
     <label for="counterparty">Counterparty</label> 
     <select value.bind="counterparty" id="counterparty" class="form control" validate.bind="validation"> 
      <option value=""> <- Select -> </option> 
      <option>test value</option> 
     </select> 
    </div> 
</template> 

或本

<template> 
    <div class="form-group"> 
     <label for="counterparty">Counterparty</label> 
     <select value.bind="counterparty" id="counterparty" class="form-control" validate.bind="validation"> 
      <option></option> 
      <option>test value</option> 
     </select> 
    </div> 
</template> 
0

添加驗證屬性來選擇元素

<div class="form-group"> 
     <label>Counterparty</label> 
     <select value.bind="counterparty" id="counterparty" class="form-control" validate="counterparty"> 
      <option value=""><- Select -></option> 
     </select> 

0

新增驗證具有value.bind

012關鍵字