js中怎么获取input输入框的值?
1、首选打开sublime text 3编辑器创建一个html文件,然后创建一个按钮和一个输入框:;
2、接着引入jquery的js文件,然后获取input输入框的dom元素以后使用val方法获取input的值,然后在控制台打印输入值即可:;
3、编写完代码以后,前往浏览器页面,按下f12快捷键打控制台,找到console可以查看输出的结果和input输入框的结果一致:
input怎么全选输入的文字?
1.新建一个html文件,命名为test.html,用于讲解如何用jquery实现全选input里的内容。
2.在test.html页面,使用script标签加载jquery.min.js文件,成功加载该文件才能使用jquery里的select()方法。
3.在test.html页面,创建一个input输入框,输入框默认内容为“小明”,同时创建一个“全选内容”按钮,用于触发选择输入框的内容。
4.在test.html页面,使用jquery方法获得button按钮对象,并给它绑定点击事件,当按钮被点击时,执行function函数的功能代码。
5.在function函数内,获得input对象,通过select()方法全选input输入框的内容。
6.上一步input全选内容后获得的对象,通过val()方法获得全选的内容,使用alert()方法弹窗显示选中的内容。
7.在浏览器打开test.html页面,点击“全选内容”按钮,查看是否获得input内的所有内容。
jquery中的submit方法怎么用?
submit()方法绑定在form表单元素上,当绑定的表单被提交时(通过点击按钮、按回车键等),会触发该方法。实例:
<form id="form1" autocomplete="off"> <input type="text" name="model.username"/> <input type="password" name="model.password"/> <input type="submit" value="登录" /> </form>
$('#form1').submit(function() { $.ajax({ url: '/index!login.do', data: $('#form1').serialize(), type: "POST", dataType: "json", cache: false, success: function(data) { if (data.login == true || data.login == "true") { // 登录成功 location.replace('/main/index.do'); } else { alert('登录失败!请检查用户名或密码'); } } });});