jquery laravel验证，如何在客户端添加验证规则？

oxcyiej7 于 2023-06-22 发布在 jQuery

关注(0)|答案(2)|浏览(111)

//html code
<form>
<input type="radio" id="defult" name="price_type" value="default">
<label for="defult">Default Price</label><br>
<input type="radio" id="custom" name="price_type" value="custom">
<label for="custom">Custom Price</label><be>

<input placeholder="Custom Price" class="form-control" name="custom_price">
</form>

$('input[type=radio][name=price_type]').change(function() {
    if (this.value == 'default') {
        //make custom_price optional
    }
    else if (this.value == 'custom') {
        //make custom_price required
    }

});

实际上，我有一个自定义价格或默认价格的单选框，如果用户选择自定义价格，则希望输入[name=custom_price]required，或者如果用户选择默认价格，则输入[name=custom_price]optional。

jquery

来源：https://stackoverflow.com/questions/64860699/laravel-validation-how-to-add-validation-rule-on-client-side

2条答案

按热度按时间

li9yvcax1#

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        <input type="radio" id="default" name="price_type" value="default">
        <label for="default">Default Price</label><br>
        <input type="radio" id="custom" name="price_type" value="custom">
        <label for="custom">Custom Price</label><br>
        <input placeholder="Custom Price" class="form-control" name="custom_price" required>
        <input type="submit" value="Submit">
    </form>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
    $('input[type=radio][name=price_type]').change(function() {
        if (this.value == 'default') {
            //make custom_price optional
            $('input[name=custom_price]').prop('required', false);
        }
        else if (this.value == 'custom') {
            //make custom_price required
            $('input[name=custom_price]').prop('required', true);
        }
    });
    </script>
</body>
</html>

赞(0）回复(0）举报 2023-06-22

p3rjfoxz2#

你可以使用proengsoft/laravel-jsvalidation包来搭建Laravel和jqueryValidation之间的桥梁。

赞(0）回复(0）举报 2023-06-22