<p>&lt;jsp:include page=&quot;header.jsp&quot; flush=&quot;true&quot;/&gt;</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>			&lt;/form&gt;
		&lt;/form&gt;
	&lt;/div&gt;

	&lt;%--右侧的三张图片--%&gt;
	&lt;div class=&quot;col-md-6&quot;&gt;
		&lt;div class=&quot;row&quot;&gt;
			&lt;div class=&quot;col-md-12&quot;&gt;
				&lt;img src=&quot;common/pic/gzhcode.jpg&quot; alt=&quot;QR Code&quot; class=&quot;qr-code&quot;&gt;
				&lt;a style=&quot;font-size: 20px&quot;&gt;扫描左侧二维码关注我们&lt;/a&gt;
				&lt;p class=txt&gt;扫描二维码,关注我们。&lt;/p&gt;
			&lt;/div&gt;
			&lt;div class=&quot;col-md-6&quot;&gt;
				&lt;img src=&quot;common/pic/code2.png&quot; alt=&quot;Mini Program Code&quot; class=&quot;qr-code&quot;&gt;
				&lt;p class=txt&gt;简二维码生成器&lt;/p&gt;
			&lt;/div&gt;
			&lt;div class=&quot;col-md-6&quot;&gt;
				&lt;img src=&quot;https://via.placeholder.com/200x200&quot; alt=&quot;Mini Program Code&quot; class=&quot;qr-code&quot;&gt;
				&lt;p class=txt&gt;扫描小程序码,进入小程序。&lt;/p&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
</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 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录