simple javascript validation in asp.net mvc

Question

I have very very stupid bug in javascript validation

let me i explain in code :

this is my form tag

 <form method="post" enctype="multipart/form-data" name="myForm" onsubmit="return validateForm()">
   <textarea id="content"   name="Body"><%= Model.Body %></textarea>
</form>

and this is my script :

 function validateForm(e) {
        debugger;
         var reviewMessage = $("[name='Body']").attr('value');
        //var overallValue = document.getElementsByClassName('checkbox overall icon-checkbox').prop.checked;
        if (reviewMessage.length < 100) {
            e.preventDefault();

           // $("Body").show();
            $('#bodyValidation').css({'display' : 'block'});
            return false;
        }
        return true;
    }

my problem is that when ever i click the button page will be submited ;

but i want to stop this action with javascript .

how can i do that?

@salar Go to jsfiddle.net Add code in respective blocks, make sure it runs properly — Tushar
– Tushar, Commented Jul 6, 2015 at 13:40

Tushar · Accepted Answer · 2015-07-06 13:34:10Z

2

Your selector is wrong.

Change

var reviewMessage = $("Body").val();

to

var reviewMessage = $("[name='Body']").val();

OR

var reviewMessage = $('#content').val();

edited Jul 6, 2015 at 13:34

answered Jul 6, 2015 at 13:14

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

salar Over a year ago

is it the main problem of submiting page ?

Tushar Over a year ago

@salar Yes, because you've preventDefault() and return false both in the condition that is using this value

Jeff Noel Over a year ago

@salar If you look at your own code, you'll realize that if the length of Body's value is shorter than 100, you'll do the validation, otherwise you simply submit.

salar Over a year ago

@JeffNoel I update my code but still the same problem

Jeff Noel Over a year ago

@salar You need to help us to help you. We're guessing what the Body element is, please include it in your code. Which browser are you testing your code in? If it is IE, event.preventDefault() will not work and you will need to use event.returnValue = false instead. Try debugging your code using the console and developper tools integrated within your browser.

|

Collectives™ on Stack Overflow

simple javascript validation in asp.net mvc

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related