Преобразовать вводимый текст в нижний регистр при отправке формы

0

У меня есть форма, в которой есть одно текстовое поле с кнопкой отправки. При нажатии кнопки "Отправить" она перенаправляется на вторую страницу php с первой страницы php. 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>

При отправке формы я хочу, чтобы URL-адрес стал таким же, как submit.php? Search = text

Я хочу, чтобы этот текст был в нижнем регистре, хотя если текст введен в верхний регистр. Пожалуйста, дайте мне знать, как сделать этот текст нижним регистром, я использую приведенный выше сценарий для преобразования его в нижний регистр. Но он не преобразует текст в нижнем регистре в URL.

Пожалуйста, помогите мне в этом..

Теги:
forms

4 ответа

2
Лучший ответ

Вы можете сделать это только с помощью javascript с несколькими дополнительными материалами:

1) Дайте вашей <form> id

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

2) <input> тип <input> качестве кнопки. Причина этого заключается в том, что мы хотим убедиться, что сначала выполняется функция convert(), и после этого мы отправим форму.

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

3) Наконец javascript для:

function convert() 
{
    alert("hi");
    var str ;
    str = document.getElementById("search");
    str.value = (str.value.toLowerCase());
    //get the form id and submit it
    var form = document.getElementById("form1");
    form.submit();
}

скрипка

Поделиться
  • 0
    Спасибо человеку за помощь
  • 0
    @ user3488008 Добро пожаловать
3

Было несколько ошибок, у вас отсутствовала прямоугольная скобка на </form> и вы пытались записать значение, а не задавать значение поля, попробуйте это...

<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;
        var srch=document.getElementById("search");
        str = srch.value;
        srch.value=str.toLowerCase();
    }
</script>
Поделиться
0

попробуйте вот так:

alert("hi");
document.getElementById("search").value =  document.getElementById("search").value.toLowerCase();
return true;

Fiddle Live

Поделиться
0

Вы используете элемент формы, чтобы вы могли получить любые элементы в элементе доступа к элементу формы по имени. Здесь наше имя формы - form1 и внутри этой формы inputbox name = "search" и доступ к этому значению таким образом document.form1.search.value.toLowerCase();

Проверьте это Demo jsFiddle

JavaScript

function convert() {
    alert("hi");
    var str = document.form1.search.value.toLowerCase();
    document.writeln(str);
    //console.log(str);
}

HTML

<form name="form1" method="get">
    <input type="text" name="search" id="search" />
    <input type="submit" value="submit" onclick="convert();" />
</form >
Поделиться
  • 0
    document.writeln(str.toLowerCase()); может быть просто document.writeln(str); ,
  • 0
    Спасибо, что сообщили мне и поддержите меня, и мой ответ @AmalMurali теперь обновлен.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню