在线客服-提交问题-滑动验证码验证

<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">
						<label for="captcha">验证码:</label>
						<div id="sliderCaptcha"></div>
						<input type="hidden" id="sliderToken" name="sliderToken">
					</div>
					<button type="submit" class="btn btn-primary" disabled>提交</button>
<pre><code>			&lt;/form&gt;
		&lt;/form&gt;
	&lt;/div&gt;

&lt;/div&gt;
</code></pre>
</div>
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/jquery-slideunlock/1.0.2/jquery.slideunlock.min.js"></script>
<script>
	$(document).ready(function() {
		var slider = new SliderUnlock("#sliderCaptcha", function() {
			$("#sliderToken").val(slider.getToken());
			$("button[type='submit']").prop("disabled", false);
		});
		slider.init();
	});

	function validateForm() {
		if $("#title").val() == "" || $("#phone").val() == "" || $("#message").val() == "" || $("#sliderToken").val() == "") {
			alert("请填写完整信息");
			return false;
		}
	}
</script>