微信小程序简单实现表单表单获取输入数据实例共享(微信小程序表单提交)

主要介绍了微信小程序从表单中获取输入数据功能的简单实现，涉及到事件绑定、微信小程序获取表单数据等相关操作技巧。有需要的朋友可以参考一下，希望能帮到大家。

1.效果显示

2.关键代码

index.wxml

& lt表单bindsubmit = & quotformBindsubmit & quotbindreset = & quotformReset & quot& gt& lt视图样式= & quot显示器:flex"& gt& lt标签& gt用户名:</label & gt；& lt输入名称= & quot用户名& quotplaceholder = & quot请输入用户名！"/& gt；& lt/view & gt；& lt视图样式= & quot显示器:flex"& gt& lt标签& gt密码:</label & gt；& lt输入名称= & quotpsw & quotplaceholder = & quot请输入密码！"密码= & quottrue & quot/& gt；& lt/view & gt；& lt视图样式= & quot显示器:flexmargin -top:30px；"& gt& lt按钮样式= & quot宽度:30%；"formType = & quot提交& quot& gt注册

page({ data:{//text:& quot；这是一页“提示:& # 039；'，用户名:& # 039；'，PSW:& # 039；'}、formbindsmitt:function(e){ if(e . detail . value . username . length = = 0 | | e . detail . value . PSW . length = = 0){ this . setdata({ tip:& # 039；提示:用户名和密码不能为空！'，用户名:& # 039；'，PSW:& # 039；'})} else { this . setdata({ tip:& # 039；'，用户名:& # 039；用户名:& # 039；+e.detail.value.userName，PSW:& # 039；密码:& # 039；+e.detail.value.psw }) } }，form reset:function(){ this . setdata({ tip:& # 039；'，用户名:& # 039；'，PSW:& # 039；'}}}})相关推荐:

jquery表单表单序列化的注意事项

详细讲解Ajax方法实现表单表单的提交以及注意事项。

html表单提交时页面不跳转的方法详解

VIP推荐:22门课程，总价3725元。VIP会员免费。