Click here to Skip to main content
14,218,216 members
Rate this:
Please Sign up or sign in to vote.
See more:
/This is my java script which placed on view page/


<script type='text/javascript'>
    $(document).ready(function () {
        $('#defaultForm').bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                username: {
                    message: 'The username is not valid',
                    validators: {
                        notEmpty: {
                            message: 'The username is required and can\'t be empty'
                        },
                        stringLength: {
                            min: 6,
                            max: 30,
                            message: 'The username must be more than 6 and less than 30 characters long'
                        },
                        /*remote: {
                            url: 'remote.php',
                            message: 'The username is not available'
                        },*/
                        regexp: {
                            regexp: /^[a-zA-Z0-9_\.]+$/,
                            message: 'The username can only consist of alphabetical, number, dot and underscore'
                        }
                    }
                },
                email: {
                    validators: {
                        notEmpty: {
                            message: 'The email address is required and can\'t be empty'
                        },
                        emailAddress: {
                            message: 'The input is not a valid email address'
                        }
                    }
                },
                password: {
                    validators: {
                        notEmpty: {
                            message: 'The password is required and can\'t be empty'
                        }
                    }
                }
            }
        })
            .on('success.form.bv', function (e) {
                // Prevent form submission
                e.preventDefault();

                // Get the form instance
                var $form = $(e.target);

                // Get the BootstrapValidator instance
                var bv = $form.data('bootstrapValidator');

                // Use Ajax to submit form data
                $.post($form.attr('action'), $form.serialize(), function (result) {
                    console.log(result);
                }, 'json');
            });
    });
   

</script>
<pre lang="text"><pre lang="HTML">
</pre>

<pre lang="c#">
<pre lang="xml">&lt;form id=&quot;defaultForm&quot; method=&quot;post&quot; class=&quot;form-horizontal&quot; &gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label class=&quot;col-lg-3 control-label&quot;&gt;Username&lt;/label&gt;
                    &lt;div class=&quot;col-lg-5&quot;&gt;
                        &lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;username&quot; /&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label class=&quot;col-lg-3 control-label&quot;&gt;Email address&lt;/label&gt;
                    &lt;div class=&quot;col-lg-5&quot;&gt;
                        &lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;email&quot; /&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label class=&quot;col-lg-3 control-label&quot;&gt;Password&lt;/label&gt;
                    &lt;div class=&quot;col-lg-5&quot;&gt;
                        &lt;input type=&quot;password&quot; class=&quot;form-control&quot; name=&quot;password&quot; /&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;div class=&quot;col-lg-6 col-lg-offset-3&quot;&gt;
                        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; &gt;Sign up&lt;/button&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/form&gt;</pre>




</pre><pre lang="HTML">
Posted
Comments
Sinisa Hajnal 11-Nov-14 6:34am
   
And? What doesn't work? How it manifests? What have you tried to resolve it? You just dumped some HTML at us and expect us to work it out? And please format it properly. Thank you.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month



CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100