Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 25.03.2019, 15:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,204

Volun, как вариант...

<form method="post" id="form_name">
	<input name="first_name" placeholder="First Name" class="form-control" data-i18n="">
	<input  name="last_name" placeholder="Last Name" class="form-control" data-i18n="">
	<input  name="email" placeholder="Email" class="form-control" data-i18n="" value='tmp@test.ru'>
	<button type="submit" id="btn_name" class="btn-formnav btn"><span data-animation-name="next-span"><span data-i18n="">NEXT</span> &gt;</span></button>
</form>
<br>
<form method="post" id="form_pass">
	<input name="password" placeholder="Password" class="form-control" data-i18n="">
	<input  name="pass_conf" placeholder="Confirm Password" class="form-control" data-i18n="">
	<input name="hidden_email" class="form-control" data-i18n="" style="display: none;">
	<button type="submit" id="btn_pass" class="btn-formnav btn"><span data-animation-name="next-span"><span data-i18n="">NEXT</span> &gt;</span></button>
</form>
<script type='text/javascript'>
	var oi=document.querySelector('#form_name [name="email"]');
	var o=document.querySelector('#form_pass [name="hidden_email"]');
	o.value=oi.value;
	document.querySelector('#btn_pass').click();
</script>
Ответить с цитированием
  #12 (permalink)  
Старый 25.03.2019, 16:25
Аватар для SuperZen
Профессор
Отправить личное сообщение для SuperZen Посмотреть профиль Найти все сообщения от SuperZen
 
Регистрация: 08.11.2017
Сообщений: 642

Может посмотреть в сторону легких MVVM?

https://codepen.io/sup3rz3n/pen/jJJzyY

const { h, app } = hyperapp;
/** @jsx h */

const state = {
  form: 0,
  fields: {
    username: '',
    password: '',
    email: ''
  }
};

const actions = {
  changeForm: id => state => ({ form: id }),
  changeField: e => state => ({
    fields: {
      ...state.fields,
      [e.target.name]: e.target.value
    }
  }),
  submit: e => state => {
    e.preventDefault();
    alert(
      `submit ${state.fields.username} ${state.fields.password} ${state.fields.email}`
    )
  }
};

const view = (state, actions) => {
  if (state.form === 0) {
    console.log(state.fields.username)
    return <div>
      <input type="text" name="username" oninput={actions.changeField} value={state.fields.username} />
      <input type="password" name="password" oninput={actions.changeField} value={state.fields.password} />
      <input type="email" name="email" oninput={actions.changeField} value={state.fields.email} />
      <button onclick={() => actions.changeForm(1)} disabled={
        state.fields.username === '' ||
        state.fields.password === '' ||
        state.fields.email === ''
      }>next</button>
    </div>
  } else if (state.form === 1) {
    return <div>form2 {state.fields.username}
      <button onclick={actions.submit}>complete</button>
    </div>
  }
};

const main = app(state, actions, view, document.getElementById('app'));

Последний раз редактировалось SuperZen, 25.03.2019 в 16:35. Причина: hohoho
Ответить с цитированием
  #13 (permalink)  
Старый 27.03.2019, 12:59
Интересующийся
Отправить личное сообщение для Volun Посмотреть профиль Найти все сообщения от Volun
 
Регистрация: 24.03.2019
Сообщений: 21

ksa, спасибо, ваше решение помогло.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как сохранить состояние клонированного элемента? Ramundo Элементы интерфейса 3 20.08.2018 16:50
Глобальная переменная, которая хранит состояние приложения sniffysko Angular.js 2 25.04.2018 09:13
переход элемента в изначальное состояние miraghyk Элементы интерфейса 5 30.12.2017 23:01
Как вернуть div и все вложенные в него элементы в первоначальное состояние? lucky89 Общие вопросы Javascript 17 26.02.2015 18:41
сохранить состояние страницы Sveta Общие вопросы Javascript 6 25.11.2013 11:09