我正在尝试验证示例表单。我需要“名称”部分不以数字开头。如果名称以数字开头,则会显示错误...我该怎么做?
<!DOCTYPE html>
<head>
<script src="js/modernizr-2.5.3.min.js"></script>
<script src="assets/js/jquery-1.7.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.validate.min.js"></script>
<script src="assets/js/prettify/prettify.js"></script>
<script src="script.js"></script>
<script>
addEventListener('load', prettyPrint, false);
$(document).ready(function(){
$('pre').addClass('prettyprint linenums');
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-22151549-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();
</script>
<body>
<form action="" id="contact-form" class="form-horizontal">
<label class="" for="name">Your Name</label>
<input type="text" class="input-xlarge" name="name" id="name" >
<br/>
<label class="control-label" for="email">Email Address</label>
<input type="text" class="input-xlarge" name="email" id="email">
<br/>
<label class="control-label" for="subject">Subject</label>
<input type="text" class="input-xlarge" name="subject" id="subject">
<br/>
<label class="control-label" for="message">Your Message</label>
<textarea class="input-xlarge" name="message" id="message" rows="3"></textarea>
<br/>
<button type="submit" class="btn btn-primary btn-large">Submit</button>
</form>
</body>
</html>
最佳答案
由于您使用的是 html5 文档类型,因此请执行以下操作。
替换<input type="text" class="input-xlarge" name="name" id="name" >
有了这个
<input type="text" class="input-xlarge" name="name" id="name" pattern="^[^0-9].*" title="Cannot start with digit" />
这会起作用。这也会提醒用户。您无需执行任何操作。
如果有帮助,请将其标记为答案:)
关于jquery - 使用 jquery 进行表单验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21657995/