Question

我在微风中处于0级，所以请耐心等待。我现在不想要任何现成的代码。我正在使用微风，并希望进行客户端验证。我想要的是展示＆＃34; *＆＃34;如果输入的数据无效，则在html输入附近。下面是我的代码，用于绑定从breeze返回的数据。

               <td > <input data-bind="value: Name" /></td>

如何使用微风实现这一目标？如果有任何可以参考的实例，请告诉我。我试过谷歌搜索，但无法找到任何例子。

Answer 1

不轻而易举，但纯粹的JS可能会有帮助吗？

<!DOCTYPE HTML>

<html>
    <head>
        <title>Untitled</title>
        <style type='text/css'>
            span.red { color:red; }
        </style>
        <script>
            function ValidateFields() {
                //usually use regex to check phones, this is only example.
                // test if value is '123456' in this example.
                if ('123456' == document.getElementById('inpPhone').value) {
                    document.getElementById('spnPhoneValid').innerHTML = '';
                } else {
                    document.getElementById('spnPhoneValid').innerHTML = '*';
                }
            }

        </script>
    </head>

    <body>
        Phone Number (Only 123456):<input id='inpPhone' onchange='ValidateFields();'> <span class='red' id='spnPhoneValid'>*</span>
    </body>
</html>

当然，这取决于客户端的可用性，而不是服务器端验证！

Answer 2

Breeze 不是用于对页面视图进行html / css修改的工具。 Breeze对DOM一无所知。

显示*当字段无效时

2 个答案: