I'm using angularjs + HTML5 , and i need to be able to disable all my input fields autocomplete , i have tried adding autocomplete=false,nope,off, random number , field name
And none worked!
I have tried adding angularjs directive buts still having the same result
I did a temporary workaround adding an empty hidden input field , that did work , but i have a big project with a huge amount of inputs so i cannot do this on every single field
Any help?
I do not know the answer, but I recommend you, to go and tell the Chromium developers that you have a use case, where unwanted autocomplete="off" should not be obeyed.
See their questionnaire at:
https://bugs.chromium.org/p/chromium/issues/detail?id=587466
Related
I have problem with custom placeholder. I am using this https://github.com/mareczek/international-phone-number I want to add more ex. E.g. 131123456789 to my place holder which default gave something like this 131123456789. I read the document they use customPlaceholder to custom place holder, but they do not have any example with angularjs, so could someone show me example code with custom place holder like this.
Here my code that I added to my app
app.config([
'$stateProvider',
ipnConfig,
register_form_state
])->ipnConfig.customPlaceholder = 'E.g. 131123456789'
but it doesn't work for me.
This will solve this problem
http://hodgepodgers.github.io/ng-intl-tel-input/
Please refer this link & this is angularJS plugin
https://github.com/hodgepodgers/ng-intl-tel-input
On selection of country, placeholder will change
The documentation for http://hodgepodgers.github.io/ng-intl-tel-input/ is lacking, but it seems like it could be a good tool. I think I would personally like to see a working implementation inside of an existing application before I'd rule it as the solution to use. I'm still having trouble implementing this one compared to the one by mareczek.
edit To answer your question, I think that it changes the placeholder based on the flag you have selected. If you have it set to a default country, can you not just change the placeholder in the html? Or can you target it directly using css?
I'm trying to setup a credit card entry field, and I need to be able to separate the digit-groups with a space. But on a mobile device, I want the number keyboard to appear, so I'm using input[type="number"] instead of just input[type="text"].
Currently, when I test on Chrome it's working. The $viewValue appearing in the directive for the credit card field shows the 16-digit number (Angular even auto-removes the spaces because of number type field).
But in Firefox, as soon as you type a space, $viewValue returns as "" (even though the field value is "5555 5555 5555 4444").
Is there any way to make this work as expected?
Wow Maybe this a serious Mozilla Bug, with no solution for now, then you may apply other ways to resolve this.
Use mask (lose number on mobile): Try Plugins, library like this http://digitalbush.com/projects/masked-input-plugin/ , the bad user loses the PAD NUMBER on mobile devices.
To keep input number (complex only for fun): Make a input type hidden, then when the user type on number field, fill the hidden input with the value.
Use text field (best way): yes number is the new era on HTML5, but users don't care that for now, yeah show only numbers with the pad (like most apps) is awesome, now ask is really necesary?
Dynamic Form JS: verify the browser version, if Wild Mozilla appears, change type number to type text ;)
Good luck !!
best regards from http://elporfirio.com
the above picture is what i need to build in CQ5, I have been digging around in adobe cq api,
all i have found is Class CQ.Ext.form.NumberField
but that number field only provide something like textfield for you to manually entering number(this is not what i need)
can anyone guide me how to create such number increment/decrement box in cq5 dialog? with some code example please, thanks
You can try CQ.form.Spinner with xtype spinner.
This is a trigger field for numeric, date or time values.
The spinner uses CQ.form.Spinner.Strategy which defines its behavior.
The dialog config snippet is shown here.
<numfield xtype="spinner" name="./numfield" editable="false">
<strategy xtype="number" allowDecimals="false" maxValue="50" />
</numfield>
For further info, check this Spinner API and NumberStrategy API
Have a look at the Spinner Widget with the xtype="spinner". There you can define the strategy of the spinner, e.g. the increment value. I never used it myself though, so I can't provide you with a running code example.
I'm trying to implement AngularJS + Select2 with Multiple selection enabled.
When I include the full angular-ui package, it works, however I do not want to use the full version.
So, I tried to do the same, but just including the ui-select2 module itself and I got surprised that the initSelection does not works this way.
I have prepared 2 Plunker's to illustrate both tries, the first, that does not work, shows the include of only ui-select2 module and the second example, that works, includes the full angular-ui package.
1º Example (does not work)
http://plnkr.co/edit/YOrzQKGx3py24Lf3JQ2Z?p=preview
2º Example (works)
http://plnkr.co/edit/ZeYgJyLHo30hTi2DerJZ?p=preview
Click on the 'set selected' button, below the select2.
After dealing with this for about 12 hours I'm stuck.
Would any angularjs+angular-ui Guru knows what is going on here?
I need to make this work with only ui-select2.js, so I need the Example 1 working.
Any ideas?
Thank you very much.
I have a strange problem with POST data, i have two conditions
I had four input boxes with name
<input name="a[]"><input name="a[]"><input name="a[]"><input name="a[]">
and data is posted by method "&a[]=12&a[]=9&a[]=12&a[]=43".
but when i am using extjs i am hanged if i do
store.load({params:{ 'a[]':12 ,'a[]':9 , 'a[]':12 , 'a[]':43 }});
this only a[]=43 reached to the post data and never to the another end ,
also if i do
store.load({params:{ a[]:12 ,a[]:9 , a[]:12 , a[]:43 }});
this is an error
so please help to clear my concept
The name property corresponds to the HTTP field names for forms. These need to be unique. The system reads these in order. Thus, only the last one a[]:43 is read in. If you give each of the properties a unique name they will be read in...
e.g. (not tested)
<input name="a1"><input name="steaksauce"><input name="heinz"> <input name="57">
store.load({params:{ "a1" :"asdf", "steaksauce":"325", "heinz":"yummy", "57":"fitty"});
Please refer to The HTTP Forms documentation for more information
Why are you using input boxes with a format like this:
<input name="a[]"><input name="a[]"><input name="a[]"><input name="a[]">
Can you provide the exact code you are using?
this really works for the above problem Please solve that problem like this
store.load({params:{ 'a[0]':12 ,'a[1]':9 , 'a[2]':12 , 'a[3]':43 }});