未验证 提交 2699c4c0 编写于 作者: L LiAn 提交者: Gitee

update zh-cn/application-dev/ui/ui-js-components-input.md.

Signed-off-by: NLiAn <lian15@huawei.com>
上级 039f8413
...@@ -10,7 +10,7 @@ Input是交互式组件,用于接收用户数据。其类型可设置为日期 ...@@ -10,7 +10,7 @@ Input是交互式组件,用于接收用户数据。其类型可设置为日期
``` ```
<!-- xxx.hml --> <!-- xxx.hml -->
<div class="container"> <div class="container">
<input type="text"> Please enter the content </input> <input type="text">Please enter the content</input>
</div> </div>
``` ```
...@@ -212,9 +212,9 @@ import prompt from '@system.prompt' ...@@ -212,9 +212,9 @@ import prompt from '@system.prompt'
}, },
buttonClick(e){ buttonClick(e){
if(this.value.length > 6){ if(this.value.length > 6){
this.$element("input").showError({ error: 'Up to 6 characters are allowed.' }); this.$element("input").showError({error: 'Up to 6 characters are allowed.'});
}else if(this.value.length == 0){ }else if(this.value.length == 0){
this.$element("input").showError({ error:this.value + 'This field cannot be left empty.' }); this.$element("input").showError({error:this.value + 'This field cannot be left empty.'});
}else{ }else{
prompt.showToast({ prompt.showToast({
message: "success " message: "success "
...@@ -318,4 +318,4 @@ export default { ...@@ -318,4 +318,4 @@ export default {
针对Input开发,有以下相关实例可供参考: 针对Input开发,有以下相关实例可供参考:
- [input、label(JS)](https://gitee.com/openharmony/codelabs/tree/master/JSUI/InputApplication) - [input、label(JS)(API8)](https://gitee.com/openharmony/codelabs/tree/master/JSUI/InputApplication)
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册