在线反馈 - 您的问题,我们解决
<p><jsp:include page="header.jsp" flush="true"/></p>
<div class="container">
<div class="row">
<div class="col-md-6">
<form action="help!writesave" method="post" onsubmit="return validateForm()">
<form>
<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">
<div id="slider"></div>
</div>
<button type="submit" class="btn btn-primary" disabled>提交</button>
<pre><code> </form>
</form>
</div>
<%--右侧的三张图片--%>
<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;
if (title == "" || phone == "" || message == "") {
alert("请填写完整的表单信息");
return false;
}
return true;
}
// 初始化滑动验证码
var slider = new Slider("#slider", {
width: 400,
height: 40,
sliderBg: "#f2f2f2",
color: "#00a1d6",
fontSize: 14,
successMsg: "验证通过",
callback: function(result) {
if (result) {
document.querySelector("button[type='submit']").disabled = false;
}
}
});
</script>
原文地址: https://www.cveoy.top/t/topic/fz1Q 著作权归作者所有。请勿转载和采集!