javascript form validation in laravel


<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script>
    if ($("#crate-user").length > 0) {
        $("#crate-user").validate({
            rules: {
                name: {
                    required: true,
                },
                email: {
                    required: true,
                    email: true,
                },
                password: {
                    required: true,
                },
                company: {
                    required: true,
                },
                address: {
                    required: true                },
                city: {
                    required: true,
                },
                state: {
                    required: true,
                },
                country: {
                    required: true,
                },
                zipcode: {
                    required: true,
                },
                phone: {
                    required: true,
                },
            },
            messages: {
                name: {
                    required: "<p style='color: red;'>Please enter name</p>"                },
                email: {
                    required: "<p style='color: red;'>Please enter valid email</p>",
                    email: "<p style='color: red;'>Please enter valid email</p>"                },
                password: {
                    required: "<p style='color: red;'>Please enter password</p>"                },
                company: {
                    required: "<p style='color: red;'>Please enter company</p>"                },
                address: {
                    required: "<p style='color: red;'>Please enter address</p>"                },
                city: {
                    required: "<p style='color: red;'>Please enter city</p>"                },
                state: {
                    required: "<p style='color: red;'>Please enter state</p>"                },
                country: {
                    required: "<p style='color: red;'>Please enter country</p>"                },
                zipcode: {
                    required: "<p style='color: red;'>Please enter zipcode</p>"                },
                phone: {
                    required: "<p style='color: red;'>Please enter phone number</p>"                }
            }
        })
    }
</script>



javascript
<script type="text/javascript">
    $(document).ready(function () {
        $.validator.setDefaults({
            ignore: ":hidden" // validate all hidden select elements        });
        $("#productForm").validate({
            debug: true,
            rules: {
                category: {
                    required: true                },
                sub_category_id: {
                    required: true                },
                name: {
                    required: true                },
                code: {
                    required: true                },
                base_price: {
                    required: true,
                    number: true                },
                box_weight : {
                  required: true,
                    number: true                },
                box_min_groceries: {
                    required: true,
                    number: true                },
                box_min_staple_weight: {
                  required: true,
                    number: true                },
                box_max_staple_weight : {
                  required: true,
                    number: true                },
                box_min_non_staple_weight: {
                  required: true,
                    number: true                },
                box_max_non_staple_weight : {
                  required : true,
                    number: true                },
                box_non_staples_allowed: {
                  required: true,
                    number: true                },
                box_variables:{
                  required : true                },
                box_bunches:{
                  required: true,
                    number: true                },
                image: {
                    required: false,
                    extension: "jpeg,png,jpg,gif,svg",
                    //filesize: 2048   //max size 100 MB                }
            }, messages: {
                category:{
                    required: "Please select category."                },
                sub_category_id: {
                    required: "Please select sub category."                },
                name: {
                    required: "Please add product name"                },
                code: {
                    required: "Please add product code"                },
                base_price: {
                    required: "Please add product price"                },
                box_weight : {
                    required: "Please add box weight"                },
                box_min_groceries: {
                    required: "Please add box minimum grocery"                },
                box_min_staple_weight: {
                    required: "Please add minimum staple weight"                },
                box_max_staple_weight : {
                    required: "Please add maximum staple weight"                },
                box_min_non_staple_weight: {
                    required: "Please add minimum nonStaple weight"                },
                box_max_non_staple_weight : {
                    required : "Please add maximum non-staple weight"                },
                box_non_staples_allowed: {
                    required: "Please add allowed nonstaples"                },
                box_variables:{
                    required : "Please add variables "                },
                box_bunches:{
                    required: "Please add bunches"                },
                image: {
                    filesize: " file size must be less than 2 MB.",
                    extension: "Please upload jpeg,png,jpg,gif,svg file Only!.",
                    required: "Please upload file."                }
            },
            submitHandler: function (form) {
                form.submit();
            }
        });

       
    });
</script>

Popular posts from this blog

Yii Framework In Update Time View Image In Form

Add a new column to existing table in a migration

Ajax Toggle(on/off) on-click Update