2016-03-16 28 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关键字