I'm having a little trouble with my account creation form.
first of all, my site is on 'BigCommerce', but they can't help me because i changed the design and they don't deal with design related issues.
The problem is like this:
If I fill every textbox with the right information and click submit, everything is just OK. I'm getting transferred to the 'Thank you' page, the new user is added and everything is just fine.
But, If I type something like a wrong E-mail address, Two not-matching passwords, leave some text box blank or something like that and click submit, the form is all blank and I have to start filling the details all over again.
second, I'm getting redirected to another page (with a new and empty form), and the error is written on the top on the form, instead of getting a pop-up message with what's wrong on the same page.
so.. this is the account creation page:
http://pastebin.com/pB5mrbtf
and the javascript code its redirecting to
http://pastebin.com/gLw5WCEQ
Please help
remove the autocomplete="off" for your text removing issue and for others pls attach jsfiddle link.
Also keep your old id's and class's for validation, otherwise you need to update your js file functions also. please provide jsfiddle link
Related
I'm having issues with the modal mailchimp pop-up signup form on this website. (tip if you want to view more than once, delete your cookies).
I was trying to add another field besides email and somehow the form stopped submitting, so I reverted to the original code. However, after revering back to the original code, the popup was showing an error of "There are errors below" after the user submits his/her email. After further chrome console inspection, I noticed that if I delete the form with bootstrap's class visible-xs entirely and then remove the class hidden-xs from the other form, it seemed to clear things up.
The user can now submit his/her email on mobile or desktop. But I feel like there's something strange happening. Did mailchimp changing something and that broke the code or am I'm just missing something? I have the form with visible-xs commented out so you can see when you view source.
On top of this I'm trying to add another required location field. It's letting the users submit without selecting a location (even though it contains the html required attribute. Any ideas how to ensure the form isn't sumbitted without selecting a location field? (This is also current commented out so you can see it in the source code.)
Maybe someone has tips on best practices for all of this? Any idea why I have to delete one form for the whole thing to work? Any ideas to code this modal form better? Ideas to get the location field working? Thanks!
I have a form to let people submit news articles to my site (a company intranet). Sometimes the form submission takes a few seconds to resolve due to some actions I have in place on the relevant model save method. I wanted to replace the text on the form page with a message saying "Sending your article. This may take a few seconds, please do not refresh the page." as soon as someone hits submit. I've seen these on a number of websites when buying things online.
My first attempt at doing this was to add an onClick event to the form button. Submitting then successfully replaced the text but did not submit the form. I had a look at this answer on binding two events to one submit button but it doesn't seem to address my need as it looks PHP-specific. I'm certain javascript is the right tool for the job but I can't think of how to do this other that binding to clicking the submit button. Does anyone know the correct way to do this?
JavaScript is indeed the right way to do so. If you are using jQuery you can go ahead and use something like:
$('form#your-form-id').submit(function(){
$(this).hide().after('Loading, please wait...');
});
Where #your-form-id would be the id of the form. This function is hiding the form content and showing that text, you could do anything instead actually.
So I've Googled up a few links on how to auto type in Captcha Codes using iMacros.
Here are the following links I've tried:
http://www.beatcaptchas.com/imacroscode.html
http://karmaproject.co.uk/how-to-solve-captcha-with-deathbycaptcha-in-imacros/
Both of them did not work the problem is that I'm getting after I open a new tab it takes me to this link. Then what happens is it says "-1".
So when I go to the extract part, it doesn't do anything and in the end, it doesn't enter the code.
So here are my questions:
How exactly does the extracting work?
Is it possible if I can manually save my own Captcha codes? There aren't a lot of them in the website I'm playing/using. How would I get to extract them properly if that was the case?
you are using wrong captcha submission link.
here is correct one:
http://api.deathbycaptcha.com/decaptcher?function=picture2&print_format=html
in this link you need to insert your deathbycaptcha username and password, select saved captcha image and click send.
if submission is ok you will get responce with result which you can scrape from the page.
I started to edit a magento template and I stumbled upon an error: if I miss a required field and click the submit button, the "this is a required field" text appears underneath the respective field; but when I recomplete the form and click the 'submit" button for the second time, I realise that it is blocked.
Has anyone gone through the same thing? I don't know javascript at all and I'm not able to do it myself.
Im in a great need of getting this done, so please, lend me a hand.
For anyone else who finds this question: I ran into this issue and after much debugging realised that it was because I had removed scriptaculous/effects.js from the layout of the checkout page.
The form validation JS depends on effects.js, but the code that uses it is inside a try/catch block meaning that you will not get console errors, and instead the form will just fail to revalidate correctly.
Take a look at this link it will give an explanation of the javascript validation in Magento. the thing to look for is the class in the text/select fields if it has required or any of the other ones listed in the link, it will run the validation through those.
http://fishpig.co.uk/magento-tutorials/magento-forms-prototype-javascript-validation
A client sent me a form template they had created using https://jotform.com to implement on their WordPress site. The form template is supposed to hide part of the form until the user clicks the next button. At which point a script is supposed to validate all of the input fields the user has presumably filled out and then display the rest of the form. While I have successfully managed to get the form to display the next part of the form when the user clicks next, it fails to validate the input fields.
It's kind of difficult to explain without a huge block of text so it is probably easier to show you:
The original working template that the customer sent me:
http://www.loftist.com/jotform/List_Your_Loft.html
The problem child:
http://www.loftist.com/?page_id=78
If you just click on one of the input fields and then click elsewhere on the page, the input fields successfully return a validation error message and prevent the user from clicking on the next button. However, if you simply click on the next button than the next set of fields get displayed.
Any thoughts? What am I doing wrong here? Im convinced this must be a really simple problem but Im not sure what it could be.
I don't understand the problem. Your first link, the original template, works for me with all the validations in place. The problem child on the second link is not a jotform form, and it doesn't have any paging stuff.
Do you mean jotform on your first web page is not working correctly? What does this have to do with the second form on your second link?