【javascript – 如何在用户点击它时消失的文本字段中显示灰色文本】教程文章相关的互联网学习教程文章

javascript – 将输入字段绑定到Angularjs中的Array【代码】

我有这个简单的问题,我无法真正找到解决方案.所以我愿意做的是从输入插入数组值. 所以例如我首先在我的控制器上有这个空数组:$scope.contents = [{name: "", value: ""}] ; 我有三个输入字段,每个字段都有一个标签和一个值:<label>1st Label</label><input type='text' value='1st Value' /><label>2nd Label</label><input type='text' value='2nd Value' /><label>3rd Label</label><input type='text' value='3rd Value' />我...

javascript – jQuery prefil破折号在文本字段中【代码】

我有一个文本字段,用户以2012-112233-123的形式输入一个值.我想在输入输入时将破折号自动添加到字段中. 我可以对keyup事件执行基本检查,检查光标是在第5位还是第12位,但这会导致退格时出现问题(删除后重新添加破折号).如果可能,我还想忽略用户输入,如果他们决定手动添加短划线. 有没有一种简单的方法可以做到这一点,或者我可以使用一个简单的插件?看起来像很多代码并检查我认为是一个相当普遍的要求.解决方法:看看输入掩码. This ...

javascript – 如何通过索引访问JSON对象中的字段【代码】

我知道这不是最好的方法,但我别无选择:( 我必须通过索引访问JSONObject中的项目.访问对象的标准方法是使用[objectName]或this.objectName.我还找到了一个方法来获取json对象中的所有字段:(for (var key in p) { if (p.hasOwnProperty(key)) { alert(key + " -> " + p[key]); } } (Soruce:Loop through Json object). 但是,无法通过索引直接访问JSON字段.我现在看到的唯一方法是创建一个数组,使用上面的函数,通过索引获取fieldna...

javascript – 不存在的属性HTML输入字段【代码】

将非现有属性附加到html元素以便在jquery中使用它是一种好习惯.例如<input type="text" valrule="someregexstring" />然后只需使用jquery选择包含名为valrule的属性的所有元素并解析正则表达式字符串. 就编程标准和最佳实践而言,这是一个“禁忌”吗?解决方法:您应该使用前缀data-< myAttribute>. HTML5支持它,其他浏览器会忽略它,您可以使用.data()方法使用jQuery轻松访问它.<input id="myInput" type="text" data-MySuperMassiv...

使用JavaScript添加具有输入字段的表行【代码】

所以我试图使用JavaScript在表格行中添加额外的输入字段,我似乎无法弄清楚.我现在的方法是只需插入额外的HTML代码,并在每次有人点击“添加更多”按钮时添加新的表格行.这是我现在的代码 HTML<div class="set-form"> <table class="table table-bordered"> <tr><th>Question</th><th>Answer</th> </tr> <tr><td><textarea name="Question" placeholder="Question" th:field="${questionAnswerSet.question}" id="question" style="r...

javascript – TypeScript&React – 一个用于多个输入字段的onChange Handler【代码】

假设我有一个包含多个输入字段的表单.在正常的ES6 / React中,我会创建一个方法,所有输入字段都将其onChange处理程序指向.像这样的东西:handleChange(e) {e.preventDefault();this.setState({[e.target.name]: e.target.value}); }这有助于您拥有大量表单元素并且不必创建特定方法来处理每个表单元素. 这在TypeScript中是否可行?即使它不是类型安全的?解决方法:正如评论中所回答的那样,您在JavaScript中可以做的所有事情也都是有...

javascript – jquery / JS只允许文本字段中的数字和字母【代码】

在文本框中只允许字母/数字最简单的方法是什么.我们使用JS / jQuery,但不想使用验证插件?解决方法:您可以在表单提交上使用简单的正则表达式来评估文本框的内容,显示错误,并停止表单提交.从检查中创建一个函数,您也可以在文本框失去焦点时应用它.经常这样做,你会发现你已经重新实现了验证插件.$(function() {$('form').submit( function() {return validateTB( $('#textbox'), true, $('#textboxError') );});$('#textbox').blur( ...

javascript – 当用户输入/删除时,文本字段中的提示消失/重新出现【代码】

有谁知道如何在我的搜索栏中制作这样的效果:https://www.dropbox.com/help < input type =“text”name =“input”> 我的意思是onFocus和onBlur效果,文字消失并动态显示. 谢谢大家!解决方法:他们在color属性上使用CSS Animations: 摘自他们的main.css:.sick-input.focused label{ color:#ccc;transition:color .2s linear 0;-webkit-transition:color .2s linear 0;-moz-transition:color .2s linear 0 }您可以使用前面提到的定...

javascript – 密码输入字段在焦点/类型上从文本更改为密码?【代码】

我有一个注册表单,其中输入的标题位于文本框中,当您单击该框时,文本消失,但是在密码上我希望预览文本保留为“密码”而不是“?? ??????”.但是当用户点击文本框时应该清除文本,并且输入的文本应该是“???????”. 这是按钮的代码:<form method="post" action="register_process.php"><input type="text" class="button" value="USERNAME" onclick="this.value='';this.onclick='test';this.style.color='#000';" onfocus="if (this....

javascript – 验证无效的10位移动号码和焦点输入字段【代码】

我需要用于在jQuery中验证电子邮件和移动电话号码的代码,并且还要关注那些不满足验证的特定字段. 这是我的查询<form name="enquiry_form" method="post" id="enquiry_form">Full Name *<input class="input-style" name="name" id="name" type="text" required> Email *<input class="input-style" name="email" id="email" type="email" required>Phone * <input name="mobile" id="mobile" type="number" required><input typ...

javascript – 如何从Asp.Net MVC Razor将值设置为HTML5日期字段?【代码】

我发现了一个类似的问题here,但这对我的情况不起作用.请看下面的屏幕截图.当我在“编辑”表单中呈现数据时,除了突出显示的日期字段外,所有数据都被正确设置为控件.当我检查元素时,我发现值存在,但由于某种原因它没有显示在字段中. 这是我用来在这个日期字段中设置值的代码.我试过了“yyyy-MM-dd”和& “MM / dd / yyyy”格式但没有效果.<td>Joining Date</td> <td> @{if(Model.JoiningDate != null){<input id="txtJoiningDate" ty...

javascript – 使用Jquery获取最近输入字段的POST_ID【代码】

我有一个类似下面的代码,当我点击喜欢/ comment / star时,我希望获得相应帖子的唯一post_id. 我添加了一个隐藏的输入标记来存储每个帖子的post_id的值,并尝试在点击like / comment / star时获取值.但我无法获得价值. 有没有其他方法来实现这一目标?或者我可以采用相同的逻辑.我使用ajax使/ like / star工作(没有刷新).那么,我如何获得post_id以便我可以使用Ajax代码与服务器进行通信.$(".like").on("click", function() {var val ...

javascript – 重命名对象中的字段【代码】

如果我有以下对象:JsonObj = {"frames": {"cinema": {"sourceSize": { "w": 256, "h": 200 },"frame": { "x": 0, "y": 0, "w": 256, "h": 192 }},"tree": {"sourceSize": { "w": 128, "h": 110 },"frame": { "x": 0, "y": 302, "w": 70, "h": 96 }}} };使用此JavaScript代码将此JSON对象解析为变量parsedJSON:var parsedJSON = JSON.parse(JsonObj);如何将parsedJSON中的“frames”属性重命名为其他内容?解决方法:将somethingEl...

javascript – 比较两个输入字段【代码】

我有这个功能,我用来比较两个输入字段.如果用户在文本字段中输入相同的数字.提交时会出现错误.现在我想知道是否有一种方法允许相同的数字但不高于或低于前一个文本框的值1.例如,如果用户在前一个文本框中输入5,则用户只能输入4,其他输入字段中有5或6个.请给我一些建议.<script type="text/javascript"> function Validate(objForm) { var arrNames=new Array("text1", "text2"); var arrValues=new Array(); for (var i=0; i<arrNa...

javascript – AngularJs Ng-Grid将来自其他字段的ID添加到模板【代码】

我试图了解伟大的Ng-Grid模块.我发现它是一个非常棒的模块,但是我在使用单元格中的id号作为链接时遇到了问题.我的columnDefs选项如下所示:columnDefs: [{field: 'name', displayName: 'Name', cellTemplate: '<div class="ngCellText"><a href="/#/monitor/ROWIDNUMBER">{{col.field}}</a></div>'},{field: 'description', displayName: 'Description'},{field: 'type', displayName: 'Type'}]我想在名称列的href标记中添加/#/mon...

字段 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部