jQuery .change() on Radio Button
You must put the code inside the dom-ready event… $(document).ready(function(){ // Your code here }); or else the script gets executed before the HTML-elements have been loaded. Thus, no radioboxes exist.
input
text-transform: capitalize; Also affects Placeholder
You could style the placeholder– ::-webkit-input-placeholder { text-transform: initial; } :-moz-placeholder { text-transform: initial; } ::-moz-placeholder { text-transform: initial; } :-ms-input-placeholder { text-transform: initial; }
Format input value in Angularjs
Here is working example where we use unshift: angular.module(‘myApp.directives’, []).directive(‘format’, [‘$filter’, function ($filter) { return { require: ‘?ngModel’, link: function (scope, elem, attrs, ctrl) { if (!ctrl) return; ctrl.$formatters.unshift(function (a) { return $filter(attrs.format)(ctrl.$modelValue) }); ctrl.$parsers.unshift(function (viewValue) { var plainNumber = viewValue.replace(/[^\d|\-+|\.+]/g, ”); elem.val($filter(attrs.format)(plainNumber)); return plainNumber; }); } }; }]); The HTML seems: <input type=”text” ng-model=”test” … Read more
How to restrict number of characters that can be entered in HTML5 number input field on iPhone
Example JS function limit(element) { var max_chars = 2; if(element.value.length > max_chars) { element.value = element.value.substr(0, max_chars); } } HTML <input type=”number” onkeydown=”limit(this);” onkeyup=”limit(this);”> If you are using jQuery you can tidy up the JavaScript a little: JS var max_chars = 2; $(‘#input’).keydown( function(e){ if ($(this).val().length >= max_chars) { $(this).val($(this).val().substr(0, max_chars)); } }); $(‘#input’).keyup( function(e){ … Read more
Angular 5 file upload: Failed to set the ‘value’ property on ‘HTMLInputElement’
In my case I just removed the formControlName: <input type=”file” (change)=”onFileChange($event)”> And .ts: onFileChange(event) { const reader = new FileReader(); if (event.target.files && event.target.files.length) { const [file] = event.target.files; reader.readAsDataURL(file); reader.onload = () => { this.data.parentForm.patchValue({ tso: reader.result }); // need to run CD since file load runs outside of zone this.cd.markForCheck(); }; } }
How can I change some text to lowercase and replace spaces with hyphens using jQuery?
This will replace all spaces with – <script type=”text/javascript”> $(document).ready(function(){ var test= $(‘input[name=”title”]’).val(); test = test.toLowerCase().replace(/ /g, ‘-‘); $(‘input[name=”identifier”]’).val(test); }): </script>
Remove a FileList item from a multiple “input:file”
Finally found a way! I knew before that input.files would accept a FileList but the only way to get it was through a drag and drop event. But now i know how to construct a own FileList! This works in chrome (and maybe some other) const dt = new DataTransfer() dt.items.add(new File([], ‘a.txt’)) input.files = … Read more
Phone mask with jQuery and Masked Input Plugin
Try this – http://jsfiddle.net/dKRGE/3/ $(“#phone”).mask(“(99) 9999?9-9999”); $(“#phone”).on(“blur”, function() { var last = $(this).val().substr( $(this).val().indexOf(“-“) + 1 ); if( last.length == 3 ) { var move = $(this).val().substr( $(this).val().indexOf(“-“) – 1, 1 ); var lastfour = move + last; var first = $(this).val().substr( 0, 9 ); $(this).val( first + ‘-‘ + lastfour ); } });
iptables FORWARD and INPUT
RedHat has a great doc about iptables (a little bit long), but the subject to cover is complex and there are so many different use cases that I don’t see how to avoid it. Here is the chapter about FORWARD and NAT Rules. As it states: For example, if you want to forward incoming HTTP … Read more
HTML input wrap text instead of overflow horizontally
I think you should use a multiline input field as TextArea: http://htmlhelp.com/reference/html40/forms/textarea.html Sample code: <textarea rows=”10″ cols=”30″></textarea>