I am wanting to send POST/GET requests to one of my .jsps. I thought about using 2 buttons but only 1 input text as the action for the 2 buttons is actually the same and only the mehod differs. Right now I only have 1 <form> with the input text as well as the button.
<form action="systemDetail.jsp" method="GET">
<input type="text" id="get" name="paramName" /> <input type="submit"
value="Submit GET" />
</form>
Preferably I would now like to have a second button which uses POST method for the exact same call. I am fairly new to this subject all together.
My questions:
Is what I want even possible or should I use 2 input boxes as well as 2 buttons?
How can I realize it if its possible?
Please note that I do not want to use PHP, JavaScript or anything else. Only HTML and JSP/JSTL are okay
you can use this method for submitting in both methods
<form action="systemDetail.jsp" method="get">
<input type="text" id="get" name="paramName" />
<button type="submit">Submit</button>
<button type="submit" formmethod="post">Submit using POST</button>
</form>
Related
I want a html button with parameter functionality.
new/?sorting=desc is the url that it should link to. But when I try, the parameter is not passed. How should it be done? I tried both the methods below but none worked.
<FORM METHOD="GET" ACTION="./?sorting=desc">
<INPUT TYPE="submit" VALUE="Äldst först">
</FORM>
I want buttons that behave like these links:
Äldst först
Nyast först
If you want something to act as a link, then you should use a link.
That said:
When you submit a GET form, the query string is removed from the action and a new one is generated from the data in the form.
You need to store the data in hidden inputs.
<form action="/social/tracking/new/">
<input type="hidden"
name="sorting"
value="desc">
<input type="submit"
value="Nyast först">
</form>
<form action="/social/tracking/new/">
<input type="hidden"
name="sorting"
value="asc">
<input type="submit"
value="Sort the other way">
</form>
If you are using jQuery, you can use the code below.
This will fill a hidden input with the correct value when you click on one of the submit buttons.
<form method="get" action="./">
<input type="hidden" name="sorting" id="sorting" value="" />
<input type="submit" value="Äldst först" id="sort_desc" />
<input type="submit" value="Nyast först" id="sort_asc" />
</form>
<script>
$('#sort_desc').click(function(){
$('#sorting').val('desc');
});
$('#sort_asc').click(function(){
$('#sorting').val('asc');
});
</script>
I think its not possible. A form is used to send data (mostly) via POST or GET. Your goal is to open a specific URL. I would create a standard and would style it like a button. Whats the reason you want to use a button?
First of all, excuse me if my English is bad, that's not mother tongue.
So, I have a set up a search form that returns maximum 20 items, and if there is more than that, then the user can switch between the pages. So there would be an unknown number of pages. Here's how I do right now : (example with two pages)
<form class="searchForm" method="POST" action="~/Search/Products">
<input type="hidden" name="keyword" value="#Model.Keyword" />
<input type="hidden" name="pagenum" value="{{choosedPage}}" id="page" />
<button type="submit" ng-click="choosedPage=1" class="btn btn-primary">1</button>
<button type="submit" ng-click="choosedPage=2" class="btn btn-primary">2</button>
</form>
So, when the user clicks on the button, it changes "choosedPage" and directly fires the submit action with the page that we want. I Check that, all works fine.
But it seems pretty hacky though, what if the submit action is fired before the ng-click action ? Is it even possible ? Have you another idea that that (and other than creating 1 form per page button).
Thank you.
So, first of all, you don't really need Angular to do what you are doing. You can just assign name and value to the buttons with type="submit".
<form class="searchForm" method="POST" action="~/Search/Products">
<input type="hidden" name="keyword" value="#Model.Keyword" />
<button type="submit" name="pagenum" value="1" class="btn btn-primary">1</button>
<button type="submit" name="pagenum" value="2" class="btn btn-primary">2</button>
</form>
The Web actually existed before Angular, you know :)
But, if you need to perform some additional Angular tasks, you can use ng-submit on the form element instead of ng-click on the button:
<form ng-submit="doSomethingBeforeSubmit($event)"
method="POST" action="~/Search/Products">
...
</form>
This will invoke $scope.doSomethingBeforeSubmit before the form is submitted. $event is a special variable that you can pass to your doSomethingBeforeSubmit function.
Here's the ng-submit documentation.
here is my code
<body>
<input type=text name=name>
<form action=new3.jsp method=post name="f1">
<input type=text name=name>
<input type=submit value=next>
</form>
<form action=new1.jsp method=post>
<input type=submit value=back>
</form>
</body>
as you can see there are two forms here with two different submit buttons named "next" and "back". The text box is in the form where "next" button is. My question is here how to send the value of this text box to "new1.jsp" clicking "back button" without using javascript. Thanks in advance...
Don't post form to JSPs. Post the to servlets instead, and let the server analyze the parameters and forward to the appropriate JSP depending on which button has been clicked:
<form action="/controllerServlet" method="post" name="f1">
<input type="text" name="name"/>
<input type="submit" name="destination" value="next"/>
<input type="submit" name="destination" value="back"/>
</form>
Using the above form (which BTW, is valid HTML), the servlet can use the value of the "destination" parameter. If it's "next", it should forward to new3.jsp. If it's back, it should forward to "new1.jsp". And if, for example, you want to redisplay the same page because the user didn't enter a valid value in the text field, it can do so.
That's the well-known MVC pattern. You should use it.
A simple html question i would like to make form that shows a different value to the one that it posts.
<form action="" method="post">
<input type="submit" name="action" value="Buy"/>
</form>
for example shows a button with Buy written on it and Buy is also posted. I would like it to show Buy, but I would like it submit a differnet value.
In theory you can:
<button type="submit" name="action" value="a differnet value">Buy</button>
In practise, we have to operate on a WWW that includes Internet Explorer.
You would probably be better off encoding the data into the name attribute and checking that.
probably the easiest way to do it is to attach an event to the form submission to change the value for that input button. You could probably also put an onclick for the submit button itself.
<form action="" method="post">
<input type="submit" name="action" value="Buy" onclick="this.value='some value';"/>
</form>
The button within form is only for checking if the form is submitted or not. You don't need to get the value of the button. Simply write html code:
<form action="smth.php" method="post">
<input type="submit" name="action" value="Buy"/>
</form>
And smth.php will look like that
if(isset($_GET['action']))
{
...
do smth
...
}
Firstly, it was hard to include the question inside the title, so don't bash me.
I have a web framework created by someone and I need to learn to use it.
Let's say I have this HTML form:
<form action="servletX" method="get">
<input name="action" value="search" type="submit">
</form>
When the search button is submitted, inside of the servlet, is extracted, based on the word "action" (this is forced by the structure of the framework), what kind of action needs to be made.
One more thing: the action, in this case, "search" is in fact the key for a proprieties file which is read in one of the classes.
My question is:
How can I implement a search feature, using this framework.
I want to have a field where I enter the data based on which the search is made and 2 submitted buttons (2 options)
Something like this:
<form action="servletX" method="get">
<p>Search
<input name="action" type="text">
<input name="action" value="Option1" type="submit">
<input name="action" value="Option2" type="submit">
</p>
</form>
Use buttons or radio buttons instead of generic inputs. They are intended for mutually-exclusive options of the sort required here.