form not allowing input
1 Attachment(s)
I'm trying to combine Radio inputs and text inputs in the same form.
If I click on the radio buttons the input is as expected. If I try to use the text input the function fires without allowing any input . Do I need two forms to fix this? Input scree shown in attachment. Code:
<div id="pickIt"> |
I don't know much about this, but your jQuery is executing a function when there is a click event on the element with id=#pickIt. This element covers the whole form. If you're clicking on the input text field to enter data, that counts as a click and thus the event is triggered. Check by tabbing to the field rather than clicking on it.
A reasonable way of getting round this would be to encapsulate the radio buttons in their own div element, and check for clicks on the id of this specific element. If this is completely off the mark, I'll gladly delete this comment. :) |
Not off the mark at all, hydrurga. My first thought on reading the post was that the form does exactly what it's programmed to do.
I'm not a big fan of "automatically" submitting forms. A form should have a "Go" button Code:
<input type="submit" value="Submit"> There are challenges in mixing radio buttons OR text input, tho. radio buttons cause a "select only one" function automatically. Adding the text input allows the user to choose one of the pre-filled options and enter a directory. Suggest using a drop-down list box instead of radio buttons, with three options: Code:
<select name="photo"> One would probably need to validate that something is in the field if base is selected. Just a thought. |
Thank you both,
Quote:
R |
All times are GMT -5. The time now is 07:33 AM. |