用js来修改样式

xcl

如果我想在提交按钮上绑定事件，若修改页面的旧密码框、新密码框、确认密码框没有填写完全的时候是初始化样式，如果填完整就变成“btn-default”样式，代码是怎样写的，求指导

liangyongfei

1.使用样式的动态绑定实现：
http://docs.wex5.com/wex5-ui-question-list-2102

2.或者是js代码动态修改组件样式：http://docs.wex5.com/wex5-ui-question-list-2073

xcl

我想用js来改变，但是我要怎么判断输入框的内容填写完整

liangyongfei

xcl 发表于 2016-12-29 13:42
我想用js来改变，但是我要怎么判断输入框的内容填写完整

建议：input 组件通过bind-ref绑定data 字段，
data字段设置约束规则，约束规则可以绑定js方法！
，最终return true 或false就可以了！

然后在js中判断 data.isValid()   
判断data是否违反约束

如果违反了就是不符合要求，然后弹出错误提示：data.getInvalidInfo()
否则就是填写正确的！

关于这两个方法的用法可以参考：http://doc.wex5.com/comps-data/

xcl

我还是没有明白

liangyongfei

xcl 发表于 2016-12-29 16:37
我还是没有明白

哪儿没明白？？
input 应该绑定  data字段！data组件编辑规则，给每个字段设置规则！符合规则就正常运行！不符合规则就会不通过！
可以使用约束规则！

如果理解不了！也可以在点击事件中，获取每个字段的值，判断是否符合要求！完全自己写代码实现！

xcl

data设置为三列，但是规则表达式怎么写

liangyongfei

xcl 发表于 2016-12-29 16:53
data设置为三列，但是规则表达式怎么写

规则如果复杂的话可以自己写代码实现
编辑规则  选择每个字段的约束规则，可以绑定一个js方法！
你在你的js文件中定义3 个js方法 ，写每个字段的规则！

比如，第一个，旧密码必须和当前用户名密码一样！
第二个写新密码的格式，长度等
第三个，必须和第二个字段一样

最后return true 或false 就表示满足或者不满足条件！

xcl

好尴尬  我就是代码不会写

liangyongfei

xcl 发表于 2016-12-29 17:28
好尴尬  我就是代码不会写

哪儿不会写？？慢慢找，研究吧！一点一点的写！
第一，你想要实现什么？？想写什么代码？