Currently, I am utilizing a <p> tag as a submit button/area by setting a specific id in jquery.
<p id="xyz"></p>
My requirement is to insert an input field inside this <p> tag to include a particular value that will be submitted using the jquery ajax post method.
<p id="xyz"><input type="number"></p>
Whenever I click within the input area, the jquery ajax submit process initiates. Is there a way to prevent this? Ideally, I would like the submit process to start only after entering a number in the input and clicking outside of it within the rest of the <p> tag area.
(Please note that placing the input next to the <p> tag is not an option.)
I appreciate any help. Thank you!
Warm regards,