如何使用jQuery来提交并检查值是否为2 – 5个字符？

假设我有一个文本字段：

Username:   

我有一些jQuery：

 $(document).ready(function() { user = $("#username"); user.submit(function() { }) }) 

我想检查提交后在username输入的值的长度是否介于2到5个字符之间。 如果不是那么就会发生一些事情。

我不太确定user.submit(function(){})里面应该是什么。

Answer 1

首先，您需要一个实际的表格：

 
 Username:    

然后：

 $(document).ready(function(){ $('#myForm').on('submit', function(e){ e.preventDefault(); var len = $('#username').val().length; if (len < 6 && len > 1) { this.submit(); } }); }); 

或者在HTML5中，您可以使用pattern属性（Safari和IE9及以下版本不支持）：

 
 Username:    

小提琴

Answer 2

您可以使用user.val()检查输入字段的值，使用user.val().length检查字符串的user.val().length 。

这样你可以做这样的事情：

 if(user.val().length < 2 || user.val().length > 5) { console.log('test') } 

Answer 3

我做了一个小提琴

您可以使用语句作为

 $(document).ready(function(){ $("#form").submit(function(e) { length = $("#username").val().length; if((length > 2 && length < 5)) { $("#output").html("correct, logging in"); } else { $("#output").html("incorrect, must have 3 or 4 chars"); } return (length > 2 && length < 5); }); }); 

和HTML

 
 username:   

Answer 4

将提交绑定到form而不是输入类型文本，并在提交事件中检查其值。 最好为表单分配一些id并使用表单id选择器来绑定submit。

 $('form').submit(function(){ username = $('#username').val(); if(username.length > 1 && username.length < 6) { } });