微信小程序表单验证功能完整实例

微信小程序表单验证功能完整实例
结合完整实例形式，分析了微信小程序完成表单验证功能所涉及的视图与逻辑操作技巧，本文主要介绍了微信小程序表单验证功能,需要的朋友可以参考下。

结合完整实例形式，分析了微信小程序完成表单验证功能所涉及的视图与逻辑操作技巧，本文主要介绍了微信小程序表单验证功能,需要的朋友可以参考下。

本文实例讲述了微信小程序表单验证功能。分享给大家供大家参考，具体如下：

Wxml

<form bindsubmit="formSubmit" bindreset="formReset"> <input name="name" class="{{whoClass==&#39;name&#39;?&#39;placeholderClass&#39;:&#39;inputClass&#39;}}" placeholder="请填写您的姓名" type="text" confirm-type="next" focus="{{whoFocus==&#39;name&#39;?true:false}}" bindblur="nameBlurFocus" /> <radio-group name="gender" bindchange="radioChange"> <radio value="0" checked />女士 <radio value="1" />先生 </radio-group> <input name="mobile" class="{{whoClass==&#39;mobile&#39;?&#39;placeholderClass&#39;:&#39;inputClass&#39;}}" type="number" maxlength="11" placeholder="请填写您的手机号" bindblur="mobileBlurFocus" focus="{{whoFocus==&#39;mobile&#39;?true:false}}" /> <input name="company" class="{{whoClass==&#39;company&#39;?&#39;placeholderClass&#39;:&#39;inputClass&#39;}}" placeholder="公司名称" type="text" confirm-type="next" focus="{{whoFocus==&#39;company&#39;?true:false}}" /> <input name="client" class="{{whoClass==&#39;client&#39;?&#39;placeholderClass&#39;:&#39;inputClass&#39;}}" placeholder="绑定客户" type="text" confirm-type="done" focus="{{whoFocus==&#39;client&#39;?true:false}}" /> <button formType="submit">提交</button></form><loading hidden="{{submitHidden}}"> 正在提交...</loading>