ws/miniwx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

光标离开时校验必填字段

Browse Source
This commit is contained in:
chenglijuan
2026-05-07 18:36:37 +08:00
parent 1b5f3811b6
commit e6d61585dd
4 changed files with 90 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/appointment/appointment.wxml
+31 -16
View File
@@ -5,19 +5,31 @@
<view class="section-title">预约人信息</view>
<view class="form-group">
<text class="form-label">姓名<text class="required">*</text></text>
<input class="form-input" placeholder="请输入访客姓名" value="{{form.name}}" bindinput="onNameInput" />
<view class="form-field-wrap">
<input class="form-input {{fieldErrors.name ? 'form-input-error' : ''}}" placeholder="请输入访客姓名" value="{{form.name}}" bindinput="onNameInput" bindblur="onNameBlur" />
<text wx:if="{{fieldErrors.name}}" class="form-error">{{fieldErrors.name}}</text>
</view>
</view>
<view class="form-group">
<text class="form-label">手机号<text class="required">*</text></text>
<input class="form-input" type="number" maxlength="11" placeholder="请输入手机号" value="{{form.phone}}" bindinput="onPhoneInput" />
<view class="form-field-wrap">
<input class="form-input {{fieldErrors.phone ? 'form-input-error' : ''}}" type="number" maxlength="11" placeholder="请输入手机号" value="{{form.phone}}" bindinput="onPhoneInput" bindblur="onPhoneBlur" />
<text wx:if="{{fieldErrors.phone}}" class="form-error">{{fieldErrors.phone}}</text>
</view>
</view>
<view class="form-group">
<text class="form-label">公司<text class="required">*</text></text>
<input class="form-input" placeholder="请输入所属公司" value="{{form.company}}" bindinput="onCompanyInput" />
<view class="form-field-wrap">
<input class="form-input {{fieldErrors.company ? 'form-input-error' : ''}}" placeholder="请输入所属公司" value="{{form.company}}" bindinput="onCompanyInput" bindblur="onCompanyBlur" />
<text wx:if="{{fieldErrors.company}}" class="form-error">{{fieldErrors.company}}</text>
</view>
</view>
<view class="form-group">
<text class="form-label">来访事由<text class="required">*</text></text>
<input class="form-input" placeholder="请输入来访事由" value="{{form.reason}}" bindinput="onReasonInput" />
<view class="form-field-wrap">
<input class="form-input {{fieldErrors.reason ? 'form-input-error' : ''}}" placeholder="请输入来访事由" value="{{form.reason}}" bindinput="onReasonInput" bindblur="onReasonBlur" />
<text wx:if="{{fieldErrors.reason}}" class="form-error">{{fieldErrors.reason}}</text>
</view>
</view>
<view class="form-group">
<text class="form-label">车牌号</text>
@@ -39,18 +51,21 @@
</view>
<view class="form-group form-group-time">
<text class="form-label">来访时段<text class="required">*</text></text>
<view class="time-range">
<picker class="time-picker-wrap" mode="time" value="{{timeStart}}" bindchange="onTimeStartChange">
<view class="time-picker">
<text class="{{timeStart ? 'picker-value' : 'picker-placeholder'}}">{{timeStart || '开始时间'}}</text>
</view>
</picker>
<text class="time-range-sep">至</text>
<picker class="time-picker-wrap" mode="time" value="{{timeEnd}}" bindchange="onTimeEndChange">
<view class="time-picker">
<text class="{{timeEnd ? 'picker-value' : 'picker-placeholder'}}">{{timeEnd || '结束时间'}}</text>
</view>
</picker>
<view class="form-field-wrap">
<view class="time-range">
<picker class="time-picker-wrap" mode="time" value="{{timeStart}}" bindchange="onTimeStartChange">
<view class="time-picker">
<text class="{{timeStart ? 'picker-value' : 'picker-placeholder'}}">{{timeStart || '开始时间'}}</text>
</view>
</picker>
<text class="time-range-sep">至</text>
<picker class="time-picker-wrap" mode="time" value="{{timeEnd}}" bindchange="onTimeEndChange">
<view class="time-picker">
<text class="{{timeEnd ? 'picker-value' : 'picker-placeholder'}}">{{timeEnd || '结束时间'}}</text>
</view>
</picker>
</view>
<text wx:if="{{fieldErrors.timeRange}}" class="form-error">{{fieldErrors.timeRange}}</text>
</view>
</view>
</view>