在jquery中验证表单数据

时间:2016-10-20 07:43:42

标签: javascript php jquery laravel-5 laravel-5.2

我想从uing jquery验证这一点。 enter image description here

当用户点击复选框并清空文本框时,它会提醒我,请填写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代码。提前致谢

2 个答案:

答案 0 :(得分:0)

您必须像这样

向表单添加onsubmit属性
<form onsubmit="return Validate()">

如果任何验证失败,则Validate()方法将返回false并阻止提交表单。现在编写Validate方法,我建议你仔细阅读JQuery的基本语法,并相信我很容易做到这些验证。

答案 1 :(得分:0)

将属性library(data.table) setDT(df) f <- function(x) if(anyNA(x[1:6])) NA else mean(x[1:3]) df[, Value2 := zoo::rollapply(Value1, 6, f, align = "right", partial = TRUE), by = ID] > df Time ID Value1 Value2 1: Jan-14 A 12 NA 2: Feb-14 A 14 NA 3: Mar-14 A 15 NA 4: Apr-14 A 18 NA 5: May-14 A 10 NA 6: Jun-14 A 12 13.66667 7: Jul-14 A 13 15.66667 8: Aug-14 A 14 14.33333 9: Jan-14 B 32 NA 10: Feb-14 B 14 NA 11: Mar-14 B 15 NA 12: Apr-14 B 18 NA 13: May-14 B 20 NA 14: Jun-14 B 12 20.33333 15: Jul-14 B 13 15.66667 16: Aug-14 B 14 17.66667 添加到复选框(onchange="validateMyForm({{ $i }})"),然后将以下函数添加到脚本中。

<input type="checkbox" ... >

对于jQuery v1.6 +,您可以使用function validateMyForm(j) { if ($("#options["+j+"]").val() == '') { alert('please fill out answer ' + j); $("#" + j).attr('checked', false); //clears checkbox } } 代替。