CODEWITHSUNDEEP
phphtmlformssubmit
ubelong2matt
ubelong2matt

Reputation: 37

Submit Button Value Vanishes

I'm having trouble with a button. I make a relatively simple change to an echo line and suddenly the button I have, to submit a form, has a blank value. It's only when I make this change. Yes, I know about the duplicate IDs of "submit" but this isn't my code and that works correctly on another page that uses duplicate IDs.

echo "<div id='divswipe'>
  <p><input type='text' name='".$count3."' id='swipe' maxlength='7' /> <label for='swipe'>Please Enter User's ULID</label></p>
</div>
<p><input id='swipe' type='submit' value='Submit' /></p></form>";

This code will display the value of "Submit" with no problem.

 echo "<div id='divswipe'>
    <p><label for='swipe'>Please Enter User's ULID</label></p>
    <p><input type='text'  name='".$count3."' id='swipe' maxlength='7' /> <input id='swipe' type='submit' value='Submit' /></p>
</div></form>";

If I change it to this, the value for the submit value is blank. It is very odd. I can provide the CSS for the information above if that helps. I have attempted to Google why the submit button's value disappears at the display of the page but found no information. Any help is greatly appreciated. Thanks!

EDIT Disregard. I apologize. I found the problem. The guy who coded the page added some jQuery to it which in turn was blanking the value of IDs by the name of swipe. Since he made two input types share "swipe" as the ID, it was blanking the value of the correct one while blanking the value of the button as well. I added a ",:submit" to the section of his jQuery that excludes non-text input types (i.e. it ignores radio, checkboxes, selects, and now, submit buttons as well). It works. I apologize if I've wasted anyone's time!

Upvotes: 0

Views: 338

Answers (1)

Corbin
Corbin

Reputation: 33447

Form data is based on names, not IDs. Give the submit element (technically input element of type submit) a name.

Edit: I think I misunderstood the question. If the problem is that the text on the button is not appearing, make sure the HTML validates. It's likely a mismatched quote. It could also be CSS that is smashing down the width of the button or somehow transforming the text. Maybe try using Chrome's debugging panel, or Firebug in Firefox to examine the styling of the button.

Upvotes: 2

Related Questions