Raible Designs

Matt Raible is a Web Developer and Java Champion. Connect with him on LinkedIn.

The Angular Mini-Book is a guide to getting started with Angular. You'll learn how to develop a bare-bones application, test it, and deploy it. Then you'll move on to adding Bootstrap, Angular Material, continuous integration, and authentication.

Spring Boot is a popular framework for building REST APIs. You'll learn how to integrate Angular with Spring Boot and use security best practices like HTTPS and a content security policy.

For book updates, follow @angular_book on Twitter.

The JHipster Mini-Book is a guide to getting started with hip technologies today: Angular, Bootstrap, and Spring Boot. All of these frameworks are wrapped up in an easy-to-use project called JHipster.

This book shows you how to build an app with JHipster, and guides you through the plethora of tools, techniques and options you can use. Furthermore, it explains the UI and API building blocks so you understand the underpinnings of your great application.

For book updates, follow @jhipster-book on Twitter.

10+ YEARS

Over 10 years ago, I wrote my first blog post. Since then, I've authored books, had kids, traveled the world, found Trish and blogged about it all.

TWITTER

Follow @mraible on Twitter

Adding a form element on the fly.

I used this code on my project yesterday and thought I'd share.

<script language="text/javascript">
    function addActionToForm() {
        // get the form to add the input element to
        var form = document.getElementById("noteForm");
        
        // Add a action input element
        var action = document.createElement("input");
        action.setAttribute("type", "hidden");
        action.setAttribute("name", "action");
        action.setAttribute("id", "action");
        action.setAttribute("value", "Save");
        
        form.appendChild(action);
        form.submit();
    }
</script>

This works great for me when I want to simulate a button named "action" being clicked, but I want to submit the form with JavaScript.

Hmmm, doesn't seem to work in IE5/Mac. Any tips?

Posted in The Web at Aug 28 2002, 12:03:57 AM MDT 1 Comment

Comments:

Hi Matt,

Thanks for the nice explanation. I'm facing the same issue and applied this fix... this helped me partially but, not 100%

My case is: I have a web application which uses form-based authentication. when I deploy it on Jboss node it works great. i.e., when I access any of application resource (jsp) it takes me to login.jsp and when I enter credentials it takes me to main page (on success)

When I deploy this app on JBoss cluster... it is weird. App access takes me to login.jsp but, it don;t take me to main page on login; it is throwing an error (Invalid Login page...) If I refresh the page and re-enter the credentials then, it works fine.

I applied your fix... now, instead of showing me the error, it goes back to 'login.page'... but, as I entered correct credentials it shd take me to main page...

Any clue??

Thanks,
Suresh

Posted by 216.127.129.5 on March 27, 2009 at 01:06 PM MDT #

Raible Designs

10+ YEARS

TWITTER

RECENT ENTRIES

Tag Cloud

Adding a form element on the fly.