Скопировать значение ввода URL из form1 в URL действия form2

0 
<form id="1" method="post">
<input type="text" name="url" id="url" />

<input name="submit" type="submit">
</form>

<form id="2" action="http://www.domain1.com/form1.php?url=url from form1 input field" method="post"></form>

Я много пробовал, но не могу понять. ((jQuery): append, onblur и т.д. и т.д.)

Когда я набираю URL-адрес в form1, я хотел бы, чтобы URL-адрес был скопирован в действие form2, после? Url = Дополнительно url должен содержать только www no http://Than press 1 submit button и отправить обе формы.

Теги:

4 ответа

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

Сделайте снимок:

      <form id="frmOne" method="post">
        <input type="text" name="url" id="url" value="www.url.com">
        <input name="submit" type="submit">
    </form>
    <form id="frmTwo"></form>
    <div id="txtMessage"></div>

    <div class="modal fade" id="myModal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Modal title</h4>
          </div>
          <div class="modal-body">
            <p>
                <div class="progress progress-striped active">
                  <div class="progress-bar"  role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
                    <span class="sr-only">45% Complete</span>
                  </div>
                </div>
            </p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary" id="btnAccount">Access your account</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

<script>

    //Cache variables
    var $frmOne = $('#frmOne'),
        $frmTwo = $('#frmTwo'),
        $txtMessage = $('#txtMessage'),
        frmTwoAction = 'http://www.domain1.com/form1.php?url=',
        $myModal     = $('#myModal');

    //Form 1 sumbit event
    $frmOne.on('submit', function (event) {
        event.preventDefault();

        var strUrl = $frmOne.find('#url').val();

        //validation
        if (strUrl === ''){
            $txtMessage.html('<b>Missing Information: </b> Please enter a URL.');
        } else if (strUrl.substring(0, 7) === 'http://') {
            //Clear field
            $frmOne.find('#url').val('');
            $txtMessage.html('<b>http://</b> is not supported!');
        } else if (strUrl.substring(0, 4) !== 'www.') {
            //Clear field
            $frmOne.find('#url').val('');
            $txtMessage.html('<b>Invalid URL</b> Please enter a valid URL!');
        } else {


            //You can update these here if you want
            $myModal.find('.modal-title').text('Adding new Modal Title from jQuery');
            //$myModal.find('.modal-body p').text('Adding new Modal body from jQuery');

            //Open modal
            $myModal.modal('show');

            //Setup click event on button in modal
            $('#btnAccount').on('click', function(e){            
                //goto page location
                document.location = 'http://www.ACCOUNT-URL.com';
            });

            //set form action and submit form
            //$frmTwo.attr('action', frmTwoAction + strUrl).submit();

            //return true; // let form one submit now!
        }
        return false;

    });
</script>
Поделиться
  • 0
    Отлично, этот работал отлично. Спасибо Стивен
  • 0
    Можно ли добавить модальный к нему? У моего #frmTwo есть индикатор выполнения. Таким образом, я мог бы показать это.
Показать ещё 15 комментариев
0

Я не использовал две формы, кроме двух div.

$("#submit").on('click',function(){
    $("#2").attr("action",$("#url").val());
});

Проверьте JSFIDDLE

JSFIDDLE

Поделиться
0 
$('#1').find('#url').bind('keyup',function(){
 var inputValue = $(this).val();
 $('#2').attr('action','http://www.domain1.com/form1.php?url='+inputValue);
});

http://jsfiddle.net/rbtaw/gz46c/

Поделиться
0 
myVar = $("#id").val();
$("#2").attr("action", myVar);

Должен работать, но не проверял.

Поделиться

Ещё вопросы

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