jquery 怎么获取文本框输入的值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 怎么获取文本框输入的值相关的知识,希望对你有一定的参考价值。

  这个问题包含两个方面:jquery选择器(即针对你指定的那个input元素)和获取内容(即获得输入的值),所以综合起来有如下代码可以实现
  $("input#test").val(); // 推荐这种方式,因为id是唯一的
  $("input[name='test']").val(); // 此时需要注意是否有同名的input元素
  $("input:text").val(); // 这种方式只有整个网页只有一个文本输入框才是正确的
  下面给出示例:
  创建一个文本框和一个触发获取文本框输入内容的按钮
  <input id="test" name="test" type="text"/><br>
  <input type="button" value="显示文本框输入内容">
  简单设置一下css样式
  input[type='text']width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;
  input[type='button']width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;
  添加jquery代码
  $(function()
  $("input:button").click(function()
  alert($("input#test").val());
  );
  )
参考技术A

当已知文本框的id属性时,<input type="text" id="userName">

方法一:var userName = $("#userName").attr("value");

方法二:var userName=$("userName").value();

<input type="text" name="one" value="5"/>用jquery怎么得值所以正确的方法应该是

<input type="text" id="one" value="5" />

$("#one").val();

拓展资料

作用是快速获取文档元素,jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了javascript中获取页面元素的方式。

提供漂亮的页面动态效果,jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

如何用JQuery判断文本框输入的值是不是含有非法字符

javascript 检查字符串中是否含有非法字符

//正则
function trimTxt(txt)
 return txt.replace(/(^\\s*)|(\\s*$)/g, "");

/**
 * 检查是否含有非法字符
 * @param temp_str
 * @returns Boolean
 */
function is_forbid(temp_str)

                                                            查看全文

参考技术A 正则表达式啊 !!!!
var patrn=/[`~!@#$%^&*()_+<>?:",.\/;'[\]]/im;

if(patrn.test(zyd_name))

alert("提示信息:您输入的数据含有非法字符!");
returnfalse;

returntrue;追问

经过测试,是有用的,但]字符没效果。还有能解释一下 /[`~!@#$%^&*()_+?:",.\/;'[\]]/im的意思吗,是非法字符集合的话为啥]字符没效果呢

本回答被提问者采纳
参考技术B 什么文本非法呢?追问

比如说:-+~、/。,‘……(#等等,我做的是搜索功能

以上是关于jquery 怎么获取文本框输入的值的主要内容,如果未能解决你的问题,请参考以下文章

如何用Jquery获取到文本框的值然后局部刷新

网页 使用js或jQuery实现 显示的文本变成输入框以供修改

怎么取得repeater中其中一个文本框的值

jquery如何实现文本框输入内容超过长度不允许输入

如何用JQuery判断文本框输入的值是不是含有非法字符

jquery中判断两个文本框输入的值是不是相等