在线反馈 - 联系我们 - 问题解答
<div class='container'>
<div class='row'>
<div class='col-md-6'>
<form action='help!writesave' method='post' onsubmit='return validateForm()'>
<div class='form-group'>
<label for='title'>问题简述</label>
<input type='text' class='form-control' id='title' name='title'>
</div>
<div class='form-group'>
<label for='phone'>联系方式</label>
<input type='phone' class='form-control' id='phone' name='phone'>
</div>
<div class='form-group'>
<label for='message'>遇到的问题:</label>
<textarea class='form-control' id='message' name='info' rows='5'></textarea>
</div>
<div class='form-group'>
<label for='captcha'>验证码</label>
<input type='text' class='form-control' id='captcha' name='captcha'>
<img src='captcha.jsp' alt='Captcha Image'>
</div>
<button type='submit' class='btn btn-primary' disabled>提交</button>
</form>
</div>
<pre><code> <%--右侧的三张图片--%>
<div class='col-md-6'>
<div class='row'>
<div class='col-md-12'>
<img src='common/pic/gzhcode.jpg' alt='QR Code' class='qr-code'>
<a style='font-size: 20px'>扫描左侧二维码关注我们</a>
<p class=txt>扫描二维码,关注我们。</p>
</div>
<div class='col-md-6'>
<img src='common/pic/code2.png' alt='Mini Program Code' class='qr-code'>
<p class=txt>简二维码生成器</p>
</div>
<div class='col-md-6'>
<img src='https://via.placeholder.com/200x200' alt='Mini Program Code' class='qr-code'>
<p class=txt>扫描小程序码,进入小程序。</p>
</div>
</div>
</div>
</div>
</code></pre>
</div>
<script>
function validateForm() {
var title = document.getElementById('title').value;
var phone = document.getElementById('phone').value;
var message = document.getElementById('message').value;
var captcha = document.getElementById('captcha').value;
if (title === '' || phone === '' || message === '' || captcha === '') {
alert('请填写所有字段');
return false;
}
return true;
}
</script>
原文地址: https://www.cveoy.top/t/topic/fz1O 著作权归作者所有。请勿转载和采集!