草庐IT

input_df

全部标签

javascript - Angularjs input[placeholder] 指令与 ng-model 中断

所以第一天开始使用angularjs,我不太明白。我正在尝试使用AngularDirective(指令)模仿html5占位符。在我向该字段添加ng-model之前,它完全有效,然后它仅在用户与该字段交互并破坏该字段的任何值后才有效。代码在这里http://jsbin.com/esujax/32/edit指令App.directive('placehold',function(){return{restrict:'A',link:function(scope,element,attrs){varinsert=function(){element.val(attrs.placehold);

javascript - 输入框中的 Angularjs 货币格式与 ng-model : how to get $formatters to fire on each input

我到处找这个。每个有答案的堆栈溢出,实际上都不起作用。与forangular的任何示例或谷歌组示例相同,包括文档。看起来很简单。我希望针对用户按下的每个键的输入调用一个函数。使用ng-model的简单输入根据我阅读的所有内容。$formatters应该将模型中的值更新为调用$formatters数组中的任何函数的View。当我在输入框中输入时,他们永远不会被调用。.directive('formatter',function($filter,$parse){return{require:'ngModel',link:function(scope,element,attrs,ngMode

javascript - 如何使用更严格的限制自定义 `<input>` 元素

我有一个html我只想接受数字并在移动设备上被识别为数字字段的元素。我还希望吞下无效字符,就像标准type=number一样吞下不允许的字符。我试过明显的type=number但它有许多缺点。具体来说,它允许“e”、“+”和“-”(至少在chrome中是这样),但这些很容易用一些JS修复。真正的问题是“。”字符,我希望能够输入float,例如“0.10”、“5.5054”,但不想输入无效字符串,例如“0.10.1”。我试图通过只允许1个'.'来解决这个问题。一次,但这失败了input.value被浏览器按摩,例如“5。”变为'5','5..'变为空(!)并且似乎不可能获得输入中键入的原

javascript - Jquery:如何使用 <input type "value"> 字段的 ="file"动态显示图像

我想知道是否有一种方法可以动态显示用户刚刚上传到inputtype="file"字段的图像。例如,到目前为止我有以下代码:image_upload.html上传.js$(document).ready(function(){$("#id_image").change(file_select);});functionfile_select(event){$("#uploaded_image").attr("src",$("#id_image").val());}所以我基本上想显示用户刚刚上传到Field上的图片。当然,我知道如果用户已经提交表单并且图像已经在我的数据库服务器中,我可以轻松

Javascript/jQuery : How to prevent active input field from being changed?

如何防止用户在不使用disabled="true"的情况下更改输入字段中的值(其中包含要复制到剪贴板的特定值)?一旦用户在该字段中单击(已经可以正常工作),就应该选择文本,但输入任何内容都不会产生任何效果。谢谢jQuery('input.autoselect[value]').focus(function(){jQuery(this).select();}); 最佳答案 输入html中的readonly是防止用户编辑输入所需的全部内容。 关于Javascript/jQuery:Howto

javascript - "Input type file.files"选择器在 jQuery 中不起作用

我正在尝试使用以下代码在HTML输入中获取有关正在上传的文件的信息:$(document).ready(function(){$('#btn').on('click',function(){file_size=$("#my_file").files[0].size;alert(file_size);});});但是不行,控制台返回:$("#my_file").filesisundefined 最佳答案 $("#my_file")是一个jQuery对象,jQuery对象没有属性files...要从jQuery中获取DOM元素,请执行$

javascript - jquery datepicker change event trigger 和 input 的默认 change event

我有日期选择器$('.inp').datepicker();$(".inp").on("change",function(){console.log('inpchanged');});当我第一次更改“.inp”时手动输入一个值,然后我立即点击日期选择器打开的日历。我有两个“更改”事件监听器。首先是手动更改,然后是日期选择器更改。我怎样才能避免这种情况? 最佳答案 设置你的输入readOnly,它会帮助你通过图标改变字段的值。然后使用onSelect获取选择的日期,如下:$(function(){$(".inp").datepicke

javascript - jQuery:$.trim() input.val() 中单词之间的空格

我在这里看到了一些与我类似的问题,但他们并没有真正回答我......所以我这样做:(在文档就绪函数中)$("#dest").focusin(function(){$("#dest").val($.trim($("#dest").val()));});这个想法是当用户关注一个名为#dest的input时trim它上面的所有空格字符(之前使用focusout添加以获得视觉舒适度)。现在,什么都没有发生。:(希望有人能在这里帮助我。谢谢!这是与计算机相关的问题吗?我已经测试了评论者提供的所有代码,但没有一个有效。我在OSX(SnowLeopard)10.6.8下使用Firefox和Safar

javascript - polymer 1.0 : Two-way bindings with input elements

代码考虑以下Polymer自定义元素:ResetPolymer({is:'test-element',properties:{'value':{type:String,reflectToAttribute:true,notify:true,value:null}}});我在我的index.html中使用这个自定义元素如下:TestApp问题我相信我已经将value属性声明为双向绑定(bind)(notify:true);然而,当我点击输入并输入一些文本(比如"foo")时,它并没有反射(reflect)在模型中(即调用document.querySelector('test-eleme

javascript - input[radio] 与 ng-model 和 ng-value 的对象相等性比较

首先让我说这个问题与中的选择问题非常相似使用ng-options标记。例如,WorkingwithselectusingAngularJS'sng-options.具体问题是比较一个对象的两个不同实例,这两个实例的引用不相等,但逻辑上表示相同的数据。为了演示,假设我们在模型中有以下选项数组和选定的选项变量:$scope.items=[{ID:1,Label:'Foo',Extra:17},{ID:2,Label:'Bar',Extra:18},{ID:3,Label:'Baz',Extra:19}];$scope.selectedItem={ID:1,Label:'Foo'};请注意,