Подтвердить данные формы в jQuery

Question

Я хочу проверить это из uing jquery.

КОГДА ПОЛЬЗОВАТЕЛЬСКИЙ КЛИК на флажке и пустое текстовое поле он предупреждает меня, пожалуйста, заполните answer1 и наоборот для других ответов. И еще один пользователь проверки не может выбрать более двух или трех флажков. Вот мой Html код: -

<div class="portlet-body form"> 
    <form id="add-question-form" class="form-horizontal" method="POST" action="{{ url('admin/add-question/'.$course_id) }}" enctype="multipart/form-data"> 
     <input type="hidden" name="_token" value="{{{ csrf_token() }}}" /> 
     <div class="form-body"> 
      <div class="form-group"> 
       <label class="col-md-3 control-label">Question</label> 
       <div class="col-md-4"> 
        <textarea type="text" placeholder="Enter Question" class="form-control" name="title"></textarea> 
       </div> 
      </div> 
      @for($i=1; $i <=6; $i++) 
      <div class="form-group"> 
       <label class="col-md-3 control-label">Option {{ $i }}:</label> 
       <div class="col-md-4"> 
        <input type="text" placeholder="Enter Option {{ $i }} " class="form-control" name="options[{{$i }}]"> 
       </div> 
       <div class="col-md-1" style="float:left; vertical-align: middle;"> 
        <input type="checkbox" id="{{ $i }}" class="form-control" name="is_correct[{{ $i }}]" value = "1"> 
       </div> 
      </div> 
      @endfor 
     </div> 
     <div class="form-actions fluid"> 
      <div class="row"> 
       <div class="col-md-offset-3 col-md-9"> 
        <button class="btn green" type="submit">Submit</button> 
        <button onclick="window.location.href='/admin/test_questions/{{$course_id}}'" class="btn default" type="button">Cancel</button> 
       </div> 
      </div> 
     </div> 
    </form> 
</div> 

Может кто-нибудь предоставить мне код JQuery. Заранее спасибо

Answer 1

Вы должны добавить onsubmit атрибут в форме, как этот

<form onsubmit="return Validate()"> 

Тогда метод Validate() возвращает ложь, если какой-либо из проверки не удается, и предотвратить форму от их представления. Теперь, чтобы написать метод Validate, я предлагаю вам ознакомиться с основным синтаксисом JQuery и поверить, что было бы очень легко сделать эти проверки.

Answer 2

Добавьте атрибут onchange="validateMyForm({{ $i }})" к флажку (<input type="checkbox" ... >), затем добавьте следующую функцию в скрипт.

function validateMyForm(j) { 
    if ($("#options["+j+"]").val() == '') { 
     alert('please fill out answer ' + j); 
     $("#" + j).attr('checked', false); //clears checkbox 
    } 
} 

для JQuery v1.6 +, вы можете использовать вместо $("#"+j).prop('checked', true).