驗證jQuery中的表單數據

當用戶CLICK複選框和空文本框它提醒我請填寫答案1，反之亦然其他答案。另一個驗證用戶不能選擇更多的兩個或三個複選框。這裏是我的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代碼。在此先感謝

來源

2016-10-20 kunal

你需要提供更多的細節，比如你使用的是什麼框架，以及你嘗試過什麼，目前看起來就像使用葉片引擎（laravel）。 – Terabyte

我使用的是Larvel框架5.2 – kunal

你將有一個onsubmit屬性添加到窗體這樣

<form onsubmit="return Validate()">

然後如果有任何驗證失敗的validate（）方法將返回false，防止表單被提交。現在編寫Validate方法，我建議你通過JQuery的基本語法，並相信我會很容易做到這些驗證。

來源

2016-10-20 07:49:05

陷阱可以請你提供jQuery代碼進行驗證嗎？ – kunal

@kunal我不會。爲什麼？我沒有足夠的時間。至少現在不行。給這個人一條魚，喂他一天。教他如何釣魚和養活他一輩子。相信我，這將是非常容易的，如果您在寫作時遇到問題，我會回覆您的所有評論。但我希望你自己開始。 –

將屬性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)來代替。

來源

2016-10-20 08:01:14

不起作用Dani – kunal

更新了代碼。請說清楚防止多重複選框選擇的條件。 –

驗證jQuery中的表單數據

回答

相關問題