Polymer 验证数据观测的聚合物输入

Polymer 验证数据观测的聚合物输入,polymer,Polymer,我正在尝试对我的聚合物应用程序进行动态验证 当输入为空时,我想使#login button按钮属性被禁用,并在输入用id和密码填充时删除此属性。 我试着让html5成为必需的属性,但这个解决方案不起作用。 现在我创建了按钮,点击函数点击我的Api,我想添加验证函数 <form id="form_login"> <paper-input aria-required="true" name="name" floatingLabel label="Id*

我正在尝试对我的聚合物应用程序进行动态验证 当输入为空时,我想使
#login button
按钮属性
被禁用
,并在输入用id和密码填充时删除此属性。 我试着让html5
成为必需的
属性,但这个解决方案不起作用。 现在我创建了
按钮,点击
函数点击我的Api,我想添加验证函数

 <form id="form_login">
            <paper-input  aria-required="true"  name="name" floatingLabel label="Id*"
                         value="{{name}}"></paper-input>
            <br>
            <paper-input-decorator floatingLabel label="password">
                <input aria-required="true" id="password" is="core-input" name="password" type="password"
                       value="{{password}}"/>
            </paper-input-decorator>
            <br>


            <div class="page-holder" horizontal layout center center-justified>

            </div>

            <div class="page-holder" horizontal layout center center-justified>
                <paper-button  id="login-button" on-click="{{buttonClick}}">Zaloguj Się</paper-button>
            </div>
        </form>



扎洛古吉·西ę
我的剧本:

Polymer('login-page'{
按钮单击:函数(){
这是$.ajaxSubmit.go();
},
响应更改:函数(旧值){
console.log(this.response);
document.querySelector('app-router').go('/profile?hash=dfsasdsf');
}
});

禁用?={{!name | | |!password}}
纸张按钮在这种情况下可能会检查空值。下面是我将如何做到这一点:




扎洛古吉·西ę
禁用?={{!name | | |!password}}
纸张按钮在这种情况下可能会检查空值。下面是我将如何做到这一点:




扎洛古吉·西ę
禁用?={{!name | | |!password}}
纸张按钮在这种情况下可能会检查空值。下面是我将如何做到这一点:




扎洛古吉·西ę
禁用?={{!name | | |!password}}
纸张按钮在这种情况下可能会检查空值。下面是我将如何做到这一点:




扎洛古吉·西ę
    Polymer('login-page',{
        buttonClick: function () {
                this.$.ajaxSubmit.go();
        },
        responseChanged: function (oldValue) {
            console.log(this.response);
            document.querySelector('app-router').go('/profile?hash=dfsasdsf');

        }
    });
</script>