Заменить типы ввода ввода с использованием href - jquery?

Question

Для всех представлений всех форм данного сайта, я хотел бы, чтобы они были заменены ссылками href.«Кнопка отправки» выполняется с помощью метода спрайтов.

Итак, что-то в этих строках:

#formLogin .submit
    {
        width:60px;
        background:url('../img/botaoLogin.png') no-repeat;
        height:22px;
        margin-left: 20px;
        margin-top:3px;
        text-indent: -9999px;
        display:block;
        float:right;
        background-position: 0px 0;
    }

#formLogin .submit {
    outline: none; /*atenção acessibilidade @todo onfocus necessário! */
}
#formLogin .submit:hover {
        background-position: 0px -22px;
    }

#formLogin .submit:active {
        background-position: 0px -45px;
}

Однако на стороне HTML я бы хотел сохранить кнопки отправки для тех, у кого отключен JavaScript.

<input type="submit" value="login"/>
<a href="javascript:document.forms['login'].submit()">Login</a>

Я полагаю, что при использовании jquery для .hide () входные данные типа submit и show a с классом submit будут работать.

Но если у нас есть 4 формы с 4"отправить кнопки" с разными именами, я должен сделать один сценарий для каждого?

Я надеялся получить некоторую помощь в создании эскиза кода JavaScript, который можно было бы поместить в «нижний колонтитул» всего моего сайта.страницы, которые заменяют входные типы, отправляются якорями с классом .submitSomething, где что-то может быть «логином» или «регистром» (потому что каждый из них будет иметь определенное изображение ради техники спрайта).

Надеюсь, я был достаточно ясен.Если нет, пожалуйста, дайте мне знать.

Большое спасибо заранее, MEM

Answer 1

Ну, я не вижу причины, по которой вы бы заменили кнопки отправки на ссылки href, поскольку вы можете стилизовать кнопки отправки со спрайтами и всем, как и в любом другом HTML-элементе, но в любом случае вы обеспокоенытакой функционал с несколькими формами.Итак, вот ответ: вы можете использовать jQuery.parent () для отправки правильной формы.Вот черновик:

jQuery(document).ready(function() {
    jQuery('form input[type=submit]').replaceWith('<a href="#" class="submit-link">Submit</a>');
    jQuery('.submit-link').click(function() {
        jQuery(this).parent('form').submit();
    });
});

Не тестировал код, но он должен работать (возможно, с несколькими изменениями).

Приветствия.

Answer 2

Нет.Вам не нужно писать 4 разных javascript.

Если вы используете синтаксис submit sintax, вы можете просто настроить свой сценарий на все элементы ввода типа ввода.