文本框提交内容,是小程序常需要的组件。
一般需要多行提交,就需要textarea组件。
我这里加了一个字数限制。加一个字数限制的好处呢。避免被攻击。
下面是wxml:
<view class="container" >
<form bindsubmit="formsubmit">
<textarea class="kuang" name="content" placeholder="请输入您的意见或者建议,限500字" maxlength="500" bindinput='limitWord' >
<view class="clear">
<text style="float: right">{{currentWord}}/{{maxWord}}(最多可输入500字)</text>
</view>
</textarea> <!--这个name还不能动啊,maxlength字数限制-->
Js
limitWord:function(e){
var that = this;
var value = e.detail.value;
//解析字符串长度转换成整数。
var wordLength = parseInt(value.length);
if (that.data.maxWord < wordLength) {
return ;
}
that.setData({
currentWord: wordLength
});
},
因为需要setdata时事显示
data: {
maxWord: 500,
currentWord: 0
},