Question

的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：

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

我可以看到验证在页面中有效，因为我看到了

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

在标签后附加，但是当我对文本框进行聚焦和模糊时，我没有看到任何消息，css更改等。

提前致谢。

Answer 1

<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>

Answer 2

将validate属性添加到选择元素

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

Answer 3

使用value.bind

添加了validate关键字

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

Aurelia验证没有出现

3 个答案: