elclanrs / jq-idealforms Goto Github PK
View Code? Open in Web Editor NEWThe ultimate framework for building and validating responsive HTML5 forms.
The ultimate framework for building and validating responsive HTML5 forms.
Hi,
I'm using idealforms on a website and I would like to know if there is a way to block a step until there are no more errors.
Hi!
Is there any way to add steps at runtime in a form depending on a number I put in an input field? I want to add components to an order depending on the number a user put in. I tried to clone the sections in a loop, but the steps are loaded at the beginning of loading the page and I don't know how to refresh it at runtime if I cloned the sections.
Hi I would like to enforce the form validation on each step. I've seen that we can pass a custom function to the 'before' setting but no example is provided.
Would you mind giving more details about how this works?
thanks
Tried the demo with Firefox and Opera, and I got :
http://awesomescreenshot.com/0df1ts4m74
it says the phone number is invalid while I do respect the pattern.
When i18n is implemented I'd like to request date formats be provided by this too.
Not everyone in the world understands mm/dd/yyyy
Hello! Please, tell me, what's wrong?
http://joxi.ru/PXbAUv3JTJCgEfR51os
In the markup, what is the significance of the [] in the name?
range:min:max: Must be a number between min and max - not work
1267. range: function(input, value, mix, max) {
return Number(value) >= min && Number(value) <= max;
},
/---------------------------------------/
change
/---------------------------------------/
range: function(input, value, min, max) {
return Number(value) >= min && Number(value) <= max;
},
Hello guys. I’m really confused. Testing idealsform 3 and have a problem with simple submit button.
Validation work nice, but nothing happened when I click button. In fact, expect to send a post request after pressing button. Can you have a look on this example and tell me where I’m wrong.
http://195.242.161.249/idealforms/
Thanks.
P.S. By the way, all works as I’m expect if idealsform 2 framework used.
Temp fix:
$('form').idealforms({
rules: {}, // set empty rules object
});
I make some append function when i click 'Add' Button it will make some of textboxes.
the problem is i also trigger a new rule to validate when the textbox appear.
the validation is appear but I got redirect back to step 1.
the text is appear with the validation too, but the matter is always redirect me to sttep 1. can help me with that issue?
how to redefine rules for some case?
for example if user use credit card, we must validate the credit card number,
otherwise credit card validation ignored.
thanks.. 😄
Hi,
created the German translation, check here:
http://jsfiddle.net/cdZc7/
Thanks for the great work!
tom
I'm trying to run this plugin like many others I use in no conflict mode
However, running this code in my usual way gives errors and plugin doesn't work at all.
$j = jQuery.noConflict();
$j(document).ready(function(){
$j('form').idealforms({
field: '.field',
error: '.error',
iconHtml: false,
invalidClass: 'invalid',
validClass: 'valid',
silentLoad: true,
});
});
I'm a bit lost as to why this method doesn't work. I've tried changing the $ sign in the .js file but with no success either
When I autofill some of the fields, the validation isn't checked and thus the submit button reports errors despite everything being filled in. IMO "on the spot validation" only degrades the user experience and should be rechecked again on submit at a minimum. There's likely more elegant ways to handle this as well.
here is a screen shot of http://jive-in.com/imaginality/wonderland/form.php from my iPhone 5 running iOS 7.1. I also tested on an android phone and it did not display as expected.
i was expecting it too look like:
any ideas?
thanks
Hi and thanks for this great framework.
I know it's my knowledge that's lacking, but I'm getting frustrated and really need some help now...
I want additional fields to appear when I select a certain option ("click here for more options") in a dropdown menu. I've read the documentation through but can't grasp how and where to trigger 'addFields' dynamically when selecting something in a form.
Adding fields by inserting the proper code in the .js file is one thing, but how do I really make the form dynamic, from a user perspective?
I know this is probably very easy to achieve but I'd be so grateful if you could help me out! Thanks!
How can I disable the button in a form that is not valid (at least 1 invalid field)
Is there any way to remove Rules ?
In the first form step of the demo, the submit button valid the whole form :
http://awesomescreenshot.com/0ac1t55aac
I tested it on several subjects, and none of them understood what to do :
The button in step one and two should be a NEXT button, moving to the next step.
On the second and third step, you should have a PREVIOUS button.
On the last step, you should have the SUBMIT button.
Overwise, only a very small part of the population will be able to use the form.
Very view people are tech saavy. They have no idea what so ever of what a form is, what it does, etc. They just fill it blindly.
I had opened this issue on elclanrs/jq-idealforms-old#128 and wanted to make sure it didn't get lost in the shuffle. Love the new version!
Something that I think would make idealforms better is jQuery UI Themeroller support. Our web app uses jQuery UI extensively to provide a consistent look and feel. We also provide users with the ability to switch between several themes to adjust it to their taste. In its current state, this causes idealforms to be inconsistent with everything else in our web app.
Adding support for standard jQuery UI themes would make this plugin even more robust and flexible. It would eliminate the need for many styles that are currently in the code, including custom styles for the datepicker, which would make idealforms much lighter to download and handle in the browser.
For reference: the jQuery UI Theming API.
I know you've spent a lot of time creating the current styles, and they look great! But I think this change would benefit idealforms and its users.
Thank you!
Can't add fields with steps unless appendToStep
option is provided. Fix: default to last step.
Hi,
Can you please let me know how to validate a input on blur, my issue is currently when the user clicks on the input box the validation error popup gets displayed saying "This field is required".
Is it possible not show this onclick but show the error onblur, say the user moves on to next field then only I need to show the error for the previous input.
Thanks
Chethan K
Adding a group:checkbox with addFields works fine now, the proper styling of the checkboxes are missing though. Standard browser-look instead of the idealform images that is.
Looking at the source code the div class for the group is "field" only. The default class for checkbox groups seems to be "field idealforms-field idealforms-field-checkbox invalid", when looking at the demo source code.
Tried to fix this by messing with the html templates, seems like a bug though. I suppose addFields also should inherit the same style as rest of the form.
Hi, the steps does not display correctly. Step 0 is always shown. In the demo version the steps come out as : 6, 1 and 4.
IS there a way to fix this and also the count is from right to left (1,0) but should be from left to right (0,1) and also should be like (1,2) because steps should start at 1 , I think ?
Hello team,
I created 3 checkbox, the first one is the master
I want to check/uncheck all checkbox with the first one
(exemple: http://jsfiddle.net/Xm8MU/3/ ).
in the form from jq-idealforms that doesn't work but outside the form yes.
How can I do?
Thanks a lot.
line 423 file: 'input id="{name} "name="{name}" type="file" {attrs}',
added space
I see that the "markup" includes a novalidate attribute in the form tag. What is that for, I couldn't find it in the documentation nor in the source code.
Hi, any way to submit and receive an email with completed forms ?
Hey , why does not empty the values of the form ?
...
onSubmit: function(invalid, e) {
e.preventDefault();
var instance = $('form.idealforms').data('idealforms');
instance.reset();
alert('submit');
}
...
by the way this work : document.forms[0].reset();
Hi, Sorry if this is not the place. But I am trying to have the last step as a thank you page. How do I disable the last link in the nav bar?
Many thanks.
Below is the code im trying to send my form to a email. so i created a save.php file but when i submit the form its not firing or sending
$('form').idealforms({
rules: {
'firstname': 'required firstname',
'lastname': 'required lastname',
'email': 'required email',
'birth': 'required birth',
'address1': 'required address1',
'address2': 'required address2',
'city': 'required city',
'vantype': 'minoption:1 maxoption:1',
'phone': 'required phone',
'date1': 'required date1',
'date2': 'required date2',
'postcode': 'required postcode',
'options': 'select:default',
},
onSubmit: function (invalid, e) {
e.preventDefault();
if (invalid) {
alert(invalid + ' fields!');
} else {
$.post('save.php', this.$form.serialize(), function (response) {
// do something with response
}, 'json');
}
}
});
I've tried:
data-idealforms-rules="extension:jpg,png,gif"
data-idealforms-rules="extension:jpg png gif"
data-idealforms-rules="extension:jpg;png;gif"
It doesn't work
Hi, i was wondering if you are planning to add some type of horizontal slider input to the forms?
I was looking for something like this:
http://refreshless.com/nouislider/getting-started
subject! Hello! I need your help!
Hello! plugin does not work if I connect it to the header.
http://joxi.ru/PuLAUhjKTJDXZF3kGMc
Works by connecting before the body.
i don't see a NPM package of this jquery plugin. Can you publish it? Since i'm working with browserify, it would be easier to update this plugin.
Hi, and thanks for this great plugin.
I'm currently using jquerytools validator, it works fine but it's not up to date anymore!!
I'll have few questions please:
1- is it possible to simply add "required" attribute to the input to validate it?
2- is it possible to validate an input or select field displayed through ajax after idealforms has been already called?
Thank you very much
The default email rule allows "qweqw@qweqw. org"
I think that a slider input can be useful for a form, for example to implement half payment. Something like: http://webtutsdepot.com/2010/04/24/html-5-slider-input-tutorial/
great job,
g.
Can implement the ability to pass the name of the alert by step attribute section title.
Greetings, I love this form but I'm having trouble getting the form to submit to my FormTools database. If you could help I would greatly appreciate it!
Typically with HTML forms I can just use "form action="--- my address to process.php---" but I'm struggling getting this to post there.
Hi, just download the .zip file and uploaded it to my server, and have a problem that won't seem to go away.
Any ideas?
Here is the test site: http://drivecreative.net/simiosys/mashd
How do you change the date format from mm/dd/yyyy to dd/mm/yyyy, when i add a date field to the form? I think i am using old version
Thanks
while using the file upload of ideal forms the ideal-file-wrap div is attached twice.thus the open button is displayed twice even though they are one.
the plugin will have inline validation rules? example: input type="text" name="email" data-validade="required email ajax" data-idealforms-ajax="ajax.php"
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.