jquery 如何获取value长度？

Question

jquery 如何获取value长度？

Answer 1

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中的值