-
Notifications
You must be signed in to change notification settings - Fork 10
Closed
Description
data-h5-input-group-containerを指定した要素内にあるinputに対してルールを設定すると、
値を入力したりフォーカスを外しても、バルーンのバリデーションメッセージが消えなくなってしまいます。
以下サンプルコード。
[HTML]
<div data-h5-input-group-container="fullname" style="width:320px">
<input type="text" name="lastname" placeholder="姓"><br>
<input type="text" name="firstname" placeholder="名">
</div>
<input type="button" value="確認" id="btn1">[JavaScript]
h5.core.controller('body', {
formController: h5.ui.FormController,
__meta: {
formController: {
rootElement: '#form1'
}
},
__name: 'PageController',
__ready: function() {
this.formController.addOutput('bsBalloon');
this.formController.setSetting({
output: {
bsBalloon: {
placement: 'right'
}
},
property: {
fullname: {
displayName: '姓名',
message: '{displayName}は両方とも入力して下さい。'
},
lastname: {
displayName: '姓',
message: '{displayName}は必須です'
}
}
});
this.formController.addRule({
lastname: {
required: true
},
fullname: {
customFunc: function(group) {
var firstname = group.firstname;
var lastname = group.lastname;
return (firstname && lastname);
}
}
});
},
'#btn1 click': function() {
this.formController.validate();
}
});Reactions are currently unavailable
