при использовании изображения для переноса формы для подтверждения моя проверка игнорируется - PullRequest
Новая
       28

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

1 голос
/ 05 марта 2012

Я использую JQ и CSS для проверки формы, и в сочетании с некоторыми JS я скрываю часть формы до тех пор, пока пользователь не нажмет кнопку.Однако я не могу применить стиль к кнопкам «Продолжить» или «Присоединиться сейчас» в форме

Мой пример можно посмотреть здесь example1

Когда вы нажимаете продолжитьпоявляется вторая часть формы, а затем вы можете нажать кнопку присоединиться, и процесс проверки формы запускается. Однако кнопка «присоединиться сейчас» в самом низу - это стиль, который должен применяться к моим кнопкам,но это не так (я не могу понять, почему, и я попробовал все, что только могу придумать)

, поэтому я решил, что вместо использования CSS для стилизации кнопок, я буду использовать опрокидывание изображения.Это работает для стилизации кнопок, но когда я пытаюсь отправить форму, проверка не выполняется

Вы можете увидеть это здесь example2

Может кто-нибудь разобраться, как яможет выполнить либо 1, либо 2 (т. е. стилизация кнопок или ролловера изображения с проверкой)

большое спасибо

Ответы [ 2 ]

0 голосов
/ 05 марта 2012

Например, 1 ...

1) Удалить объявление #register .formbutton1 из form.asp
2) Удалить объявление #register fieldset input из formstyle.css
3) Добавить следующее в formstyle.css

input.formbutton1  {
    background:#2c2a29; 
    color:#fff; 
    font-size:16px; 
    line-height:25px;
    padding:0px 0px 0px 0px; 
    display:inline-block; 
    margin-top:0px;
}

input.formbutton1:hover {background:#C68DB6;}

Как вы можете видеть выше, вы указали поведение кнопки в нескольких местах.Он отлично работает, когда я их очистил и добавил в formstyle.css.

0 голосов
/ 05 марта 2012

Поскольку это HTML5, попробуйте использовать <button></button> вместо ссылки 

<button style="width:90px;height:31px;border:0;" onmouseover="MM_swapImage('Image3','','joinnowro.jpg',1)" onmouseout="MM_swapImgRestore()" onclick="submit()" href="#"><img style="width:90px;height:31px;" id="Image3" name="Image3" src="http://www.secklow.com/form/joinnow.jpg" style="width: 90px; height: 31px;"></button>

почти все в порядке - не уверен, почему есть немного кнопки слева

Для прямого html:

  1. НИКОГДА не вызывайте ничего, отправляющего
  2. Если вы отправляете с использованием скрипта, обработчик события onsubmit НЕ вызывается

Итак 

function submitForm(){
  if (validate(document.register)) document.register.submit()
  return false;
}

и 

<a href="#" onclick="return submitForm()"
...