earthjasonlin/mailova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): toggle required on hidden fields to prevent browser validation error

Browse Source
This commit is contained in:
Zichao Lin
2026-07-05 20:21:57 +08:00
parent 08035e3447
commit 282763e7d8
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/templates/postcard_form.html
View File

@@ -28,9 +28,9 @@
<div id="fields-received" style="display:none"> <div id="fields-received" style="display:none">
<label>发件人 *</label> <label>发件人 *</label>
<input type="text" name="sender_name" value="{{ postcard.sender_name if postcard else '' }}" required> <input type="text" name="sender_name" id="input-sender" value="{{ postcard.sender_name if postcard else '' }}">
<label>收到时间 *</label> <label>收到时间 *</label>
<input type="date" name="receive_time" value="{{ postcard.receive_time.strftime('%Y-%m-%d') if postcard and postcard.receive_time else '' }}" required> <input type="date" name="receive_time" id="input-receive" value="{{ postcard.receive_time.strftime('%Y-%m-%d') if postcard and postcard.receive_time else '' }}">
</div> </div>
<div class="form-actions"> <div class="form-actions">
@@ -45,13 +45,19 @@ function toggleFields() {
var rc = document.getElementById('fields-received'); var rc = document.getElementById('fields-received');
var arrival = document.getElementById('input-arrival'); var arrival = document.getElementById('input-arrival');
var labelArrival = document.getElementById('label-arrival'); var labelArrival = document.getElementById('label-arrival');
var sender = document.getElementById('input-sender');
var receive = document.getElementById('input-receive');
if (s === 'received') { if (s === 'received') {
sd.style.display = 'none'; sd.style.display = 'none';
rc.style.display = ''; rc.style.display = '';
sender.required = true;
receive.required = true;
arrival.required = false; arrival.required = false;
} else { } else {
sd.style.display = ''; sd.style.display = '';
rc.style.display = 'none'; rc.style.display = 'none';
sender.required = false;
receive.required = false;
if (s === 'delivered') { if (s === 'delivered') {
arrival.required = true; arrival.required = true;
labelArrival.textContent = '到达时间 *'; labelArrival.textContent = '到达时间 *';