如何在刀片中使用jQuery验证?

时间:2017-03-09 09:22:01

标签: jquery laravel laravel-blade

我在Laravel项目中使用刀片创建表单,

但是,例如在此表单中,我在name="adult[{{ $i }}][first_name]"标记中使用Input

我在表单标记中添加.passenger-validation

<form method="" route="" class="passenger-validation"></form>

我在其他项目中使用jQuery验证:

$(".passenger-validation").validate({
  rules: {
    // simple rule, converted to {required:true}
    name: "required",
    // compound rule
    email: {
        required: true,
        email: true
    }
  }
});

现在,如何在名称为name="adult[{{ $i }}][first_name]"的表单中使用jQuery验证?

我使用此网站:https://jqueryvalidation.org

谢谢。

3 个答案:

答案 0 :(得分:2)

只需在刀片temp中包含JQuery验证程序js文件即可。然后像以前一样使用它。例如,如果js文件位于public / js文件夹中,则可以将其添加到刀片模板中,如

<script src="{{ asset ("/js/validator.js") }}" type="text/javascript"></script>

然后创建一个js函数validateFm

<script>
function validateFm(){
  $(".passenger-validation").validate({
  rules: {
  // simple rule, converted to {required:true}
name: "required",
// compound rule
email: {
    required: true,
    email: true
    }
}
  });

}

最后,在提交时调用函数validateFm。

<input type="submit" onClick="validateFm();">

根据需要更改js文件的名称,文件位置和验证器功能。

答案 1 :(得分:2)

首先改变这个:

$ ./peer node start
2017-03-09 05:12:33.017 EST [common/configtx/test] 1 -> CRIT 001 Could not find genesis.yaml, try setting PEER_CFG_PATH, ORDERER_CFG_PATH, or GOPATH correctly
panic: Could not find genesis.yaml, try setting PEER_CFG_PATH, ORDERER_CFG_PATH, or GOPATH correctly

goroutine 1 [running]:
github.com/hyperledger/fabric/vendor/github.com/op/go-logging.(*Logger).Panicf(0xc4201de930, 0xccb574, 0x5d, 0x0, 0x0, 0x0)
        /root/go-dev/src/github.com/hyperledger/fabric/vendor/github.com/op/go-logging/logger.go:194 +0x11e
github.com/hyperledger/fabric/common/configtx/test.init.1()
        /root/go-dev/src/github.com/hyperledger/fabric/common/configtx/test/helper.go:72 +0x3c7
github.com/hyperledger/fabric/common/configtx/test.init()
        /root/go-dev/src/github.com/hyperledger/fabric/common/configtx/test/helper.go:113 +0xb1
github.com/hyperledger/fabric/peer/channel.init()
        /root/go-dev/src/github.com/hyperledger/fabric/peer/channel/join.go:140 +0x91
main.init()
        /root/go-dev/src/github.com/hyperledger/fabric/peer/main.go:148 +0x82

为:

<form method="" route="" class="passenger-validation">

对于JQuery验证,您可以坚持使用以前的方法。您只需将myvalidation.js文件调用到刀片模板,如:

<form method="" route="" class="passenger-validation" name="passenger-validation">

并将验证规则放在那里:

<script src="{{ asset ("/js/myvalidation.js") }}" type="text/javascript"></script>

在Laravel Blade中,您将仅使用HTML 5验证规则:

 $(".passenger-validation").validate({
        rules: {
           // simple rule, converted to {required:true}
           name: "required",
           // compound rule
           email: {
                  required: true,
                  email: true
                  }
        }
  });

你可以改变&#34;文字&#34;用&#34;电子邮件&#34;或者你的表格需要的东西。

查看更多here

答案 2 :(得分:1)

对于验证,您将始终检查相同的字段,因此您应该有一些静态要引用,例如,如果您可以添加id然后只是引用ID而不是名称将工作得很好

更改:$(".passenger-validation").validate({

收件人:$("#your_input_id").validate({