javascript - Convert input text to lowercase on submitting a form -

i have form in there 1 text field provided submit button.on clicking submit button,it redirects second php page first php page. index.php

<form action="submit.php" method="get">  <input type="text" name="search" id="search" /> <input type="submit" value="submit" onclick="convert()" /> </form   <script type="text/javascript"> function convert()  {     alert("hi");     var str ;     str = document.getelementbyid("search").value;     document.writeln(str.tolowercase()); } </script> 

on submitting form,i want url become submit.php?search=text

i want text in lower case,although if text entered uppercase. please guide me how make text lower case,i using above script converting lower case.but not converting text in lower case in url.

please guide me on this..

you can using javascript few stuff:

1) give <form> id

<form action="submit.php" method="get" id="form1"> 

2) make <input> type button. reason because want make sure convert() function executed first, , after submit form.

<input type="button" value="submit" onclick="convert()" /> 

3) javascript to:

function convert()  {     alert("hi");     var str ;     str = document.getelementbyid("search");     str.value = (str.value.tolowercase());     //get form id , submit     var form = document.getelementbyid("form1");     form.submit(); } 

fiddle