html KnockoutJSで，验证通した値でCSSの変更を行いたい场合のサンプル

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html KnockoutJSで，验证通した値でCSSの変更を行いたい场合のサンプル相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<title>sample</title>
<style>.error { color:red }</style>
<div id="main">
    <input type="text" data-bind="value: name, valueUpdate: 'afterkeydown'">
    <span data-bind="css: { error: is_error }">*required</span>
    <hr>
    Name: <span data-bind="text: name"></span>
</div>

<script src="http://knockoutjs.com/downloads/knockout-3.3.0.js"></script>
<script>
function FormViewModel() {
    this.name = ko.observable('Name');
    this.is_error = ko.pureComputed({
        read: function () {
            return this.name().replace(/\s/g, '').length == 0;
        },
        owner: this
    })
}
ko.applyBindings(new FormViewModel());
</script>

以上是关于html KnockoutJSで，验证通した値でCSSの変更を行いたい场合のサンプル的主要内容，如果未能解决你的问题，请参考以下文章

html 边界半径で角丸にした要素を拡大する

csharp 【C＃】参考キーワードで参照型を参照渡しした时の挙动に关して

html 安卓の铬で表示したときのタブの色を设定する。

javascript [日付の差を计算]第二引数の日付から第一引数の日付を引いた差を数値で返します。差の単位を省略した场合は差を日付単位で返します。

json TSLint v5.7.0时点で指定できる全规则を网罗した。

markdown pyenvでpycallしたらPyCall :: PythonNotFound