jquery 获取value长度？？
alert(port.length); //undefined
我在网上查了另一种方法，但是显示无效
String.prototype.len = function()
{
return this.replace(/[^\x00-\xff]/g, "xx").length;
}
alert(port.len()); //无效
请问，我该怎么获取长度？？？急，在线等！！！ 展开
1.创建sjp页面：
<tr>
<td><font>帐号：</font></td>
<td><input type="text" name="username" id="username" value="" style="height: 20px;" onblur="checknames()"></td>
</tr>
2.编写就是：
//校验用户名是否唯一
function checknames(){
var names = $("#username").val().trim();
var len = names.length;
alert(len);
if(names == ""){
alert("4156145:"+names);
alert("用户名不能为空！");
return ;
}
else{
var names = encodeURI(encodeURI(names));
alert("填写了："+names);
var url = "<c:url value='/user/create.action'/>?username=" + names;
alert(url);
$.ajax({
type: "post",
url: url,
dataType:'json',
success: function(data, textStatus){
if(data.success){
alert("恭喜可以注册");
}
else{
alert(data.errorMsg);
}
}
});
}
}
3.效果图：
JavaScript、jquery、angular、react是怎么实现获取input输入框中的值？
原生javascript : document.querySelector('input').value 这是浏览器提供的js访问DOM对象的接口
jQuery主要为DOM选择器做了封装，简化了语法，$('input').val()
vue、React、Angular都是采用了监听input的onChange事件实现了双向/单向数据绑定实时获取input中的值
原理上，所有的库和框架都在内部使用了原生javascript的方法获取input中的值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>string length</title>
<script src="jquery.js"></script>
</head>
<body>
<input type="text" id="test" />
<input type="button" value="btn" id="btn" />
<script>
$(function(){
$('#btn').click(function(){
var p = $('#test').val();
alert(p+'的长度位：'+p.length)
})
})
</script>
</body>
</html>
