Replace an <input type="submit"> button with an <a> which executes javascript when clicked

Question

I have this tag in a php string:
<input type="submit" name="op" id="edit-submit" value="Log in" class="form-submit ajax-trigger" />
that I'd like to replace with
<a href="#" onclick="document.user-login.submit();" class="sign-in">sign in</a>

I'm pretty sure that I need to use the php function preg_replace but I'm not sure of the regular expression. Is it possible to make a regular expression that will replace all <input type="submit" /> tags regardless of what additional properties the tag has?

Rather depends what you want to replace it with, what the attributes contain and how well formed your XHTML is. — Orbling
– Orbling, Commented Mar 9, 2011 at 0:13
Take care the user-login is an invalid tag id; you need an underscore there. — mario
– mario, Commented Mar 9, 2011 at 0:25

Community · Accepted Answer · 2017-05-23 12:04:11Z

1

That aim is simplistic enough for a regex to work. In your case:

 $text = preg_replace('#<input\b[^>]*\s(type="submit")[^>]*>#i',
                      '<a href="#" onclick=".....', $text);

(Check out some of the regex design tools for future needs.)

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Mar 9, 2011 at 0:17

mario

146k20 gold badges243 silver badges293 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

evbailey · Accepted Answer · 2011-03-09 00:17:26Z

1

Try the following pattern to catch all input tags as you described. It will strip out the additional properties of the tag, which I think is what you're asking for.

/<input type="submit"[^/]+\/>/

I didn't test this myself, but it should get you going in the right direction. The [^/]+ is the key; it catches all characters that are NOT "/" up to the trailing "/>".

answered Mar 9, 2011 at 0:17

evbailey

3713 silver badges11 bronze badges

Collectives™ on Stack Overflow

Replace an <input type="submit"> button with an <a> which executes javascript when clicked

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related