2014-11-04 1 views
-1

У меня есть проблема, чтобы сделать простую формуSubmit без проверки

<form method="post"> 
<input type="text" name="name" required> 
<input type="text" name="job" required> 
<input type="submit" name="save" value="Save My Data"> 
<input type="submit" name="next" value="Next Form"> 
</form> 

Этой формы есть несколько кнопки Подавать с множественным состоянием. По умолчанию (нажмите кнопку следующей формы), вы не можете отправить, если вы не ответили на все обязательные поля, но если вы ответили на имя и нажмите кнопку «Сохранить мои данные», вы можете отправить четную работу, оставьте поле пустым

Возможно сделать это ? Пожалуйста, дайте мне пример, так что требуемое поле может быть пропущено

+0

yup..checkout 'ajax' –

ответ

0

Для этого попытаться дать идентификатор для ваших полей ввода, а затем получить доступ к ним из JavaScript т.е.

HTML:

<form method="post"> 
<input type="text" name="name" required id="name"> 
<input type="text" name="job" required id="job"> 
<input type="submit" name="save" value="Save My Data" id="savebtn"> 
<input type="submit" name="next" value="Next Form" id="nextbtn"> 
</form> 

Сейчас в скрипте:

$("#savebtn").click(e){ 
    e.preventDefault(); 
    if($("#name").length>0 || $("#job").lenght>0){ 
     $(this).submit(); 
    } 
} 

$("#nextbtn").click(e){ 
    e.preventDefault(); 
    if($("#name").length>0 && $("#job").lenght>0){ 
     $(this).submit(); 
    } 
} 

Надеюсь, это поможет.

2

Добавьте эти скрипты в свой тег html head. Он будет работать

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<script> 
    $(document).ready(function(){ 
     $('input[name="job"]').attr('required'); 
     $('input[name="save"]').click(function(){ 
        $('input[name="job"]').removeAttr('required'); 
     }); 
     $('input[name="next"]').click(function(){ 
        $('input[name="job"]').attr('required','required'); 
     }); 
    }); 
</script> 
Смежные вопросы