使用jquery进行表单验证_Jquery

使用jquery进行表单验证

jquery

使用jquery进行表单验证,jquery,Jquery,我正在尝试验证一个示例表单。我需要“名称”部分不要以数字开头。如果名称以数字开头，那么它将显示错误…我该怎么做 <!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/bo

我正在尝试验证一个示例表单。我需要“名称”部分不要以数字开头。如果名称以数字开头，那么它将显示错误…我该怎么做

<!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>


addEventListener（'load'，预打印，false）；
$（文档）.ready（函数（）{
$（'pre'）.addClass（'prettyprint linenums'）；
});
var _gaq=_gaq | |[]；
_gaq.push（[''设置帐户'，'UA-22151549-3']）；
_gaq.push（[''u trackPageview']）；
（功能（）{
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）；}（）；
你的名字


电子邮件地址


主题


你的信息


提交

如果parseInt遇到的字符不是指定基数中的数字，它将忽略该字符和所有后续字符，并返回解析到该点的整数值。parseInt将数字截断为整数值。允许使用前导空格和尾随空格。

由于您使用的是html5 doctype，请执行以下操作

更换

用这个

这会奏效的。这也会提醒用户。你不需要做任何事

如果有帮助，请将其标记为答案：）

您可以这样做：

$(function()
{
    var str;
    $('#name').change(function()
    {
    str = ('#name').val();
    if(!isNaN(str[0])
    {
         alert('error') //of course you should change the error message ;)
    }
    });
});

使用正则表达式验证你有关于这方面的在线教程吗？为什么你坚持名称不以数字开头@用户2779715查看我的answer@Quentin那真是一个笑话！将返回true

isNaN（'13abc'）->true

就像在控制台中一样！但它是str[0]，因此必须只有一个字符；）

$(function()
{
    var str;
    $('#name').change(function()
    {
    str = ('#name').val();
    if(!isNaN(str[0])
    {
         alert('error') //of course you should change the error message ;)
    }
    });
});