<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>	&lt;%--右侧的三张图片--%&gt;
	&lt;div class='col-md-6'&gt;
		&lt;div class='row'&gt;
			&lt;div class='col-md-12'&gt;
				&lt;img src='common/pic/gzhcode.jpg' alt='QR Code' class='qr-code'&gt;
				&lt;a style='font-size: 20px'&gt;扫描左侧二维码关注我们&lt;/a&gt;
				&lt;p class=txt&gt;扫描二维码,关注我们。&lt;/p&gt;
			&lt;/div&gt;
			&lt;div class='col-md-6'&gt;
				&lt;img src='common/pic/code2.png' alt='Mini Program Code' class='qr-code'&gt;
				&lt;p class=txt&gt;简二维码生成器&lt;/p&gt;
			&lt;/div&gt;
			&lt;div class='col-md-6'&gt;
				&lt;img src='https://via.placeholder.com/200x200' alt='Mini Program Code' class='qr-code'&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;
		var captcha = document.getElementById('captcha').value;
		
		if (title === '' || phone === '' || message === '' || captcha === '') {
			alert('请填写所有字段');
			return false;
		}
		
		return true;
	}
</script>
在线反馈 - 联系我们 - 问题解答

原文地址: https://www.cveoy.top/t/topic/fz1O 著作权归作者所有。请勿转载和采集!

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