jquery or javascript method to add validations to input tags before submitting the page [duplicate]

Question

I have the below snippet of input tags which are not server controls so unable to use required field validators. So i want to use validators using jquery or java script.Can anyone help me with this.

   <div id="win">
        <table>
           <tr>
             <td>
               <div>
             <label id="lblname" for="Name"(required)>Name</label>
           </div>
              <div  id="dname">
               <input data-bind="value: data.Name" id="inpName" />
              </div>
         </td>
             <td>
               <div>
             <label id="lblend" for="End"(required)>End</label>
           </div>
              <div  id="dend">
               <input data-bind="value: data.end"  />
              </div>
         </td>

       </tr>
     </table>
    </div>


    <script>
    $("#win").validate();
        </script>

tried using this but didnt work.

Nethra · Accepted Answer · 2016-05-12 21:21:35Z

0

After trying several option got this working .might help someone.

if ($("#inpName").val() == "" ) {
            alert("Please enter EndBy");
            e.preventDefault();

answered May 12, 2016 at 21:21

Nethra

991 gold badge2 silver badges13 bronze badges

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

Comments

Helen Araya · Accepted Answer · 2016-05-12 18:17:05Z

-1

Here is an example for what you are looking

You have to put the things to be validated in a form tag not in a div. Replace the

<div id="win"> with a

<form id="win">

answered May 12, 2016 at 18:17

Helen Araya

1,9463 gold badges29 silver badges56 bronze badges

4 Comments

Nethra Over a year ago

Without using form cant we do it

Helen Araya Over a year ago

Yes you cant see the The Question and the answer whichs says It is not possible.

Nethra Over a year ago

Got it by using the below code but after clicking ok on alert the page is submitting 'if ($("#inpname").val() == "") { alert("Please enter name"); return false;'

Helen Araya Over a year ago

Great that my solution worked for you.

iuliu.net · Accepted Answer · 2016-05-12 18:36:58Z

-1

You could use HTML5's required attribute, like so:

<input data-bind="value: data.Name" required>

But since it' HTML5 it's not supported by all browsers, you can see the list here. Good luck.

EDIT: Yes, I missed to state that your inputs should be inside a <form> and the validation will be performed on its submit.

edited May 12, 2016 at 18:36

answered May 12, 2016 at 18:32

iuliu.net

7,1858 gold badges52 silver badges72 bronze badges

2 Comments

iuliu.net Over a year ago

Try to wrap your inputs with a form element.

Nethra Over a year ago

Got it by using the below code but after clicking ok on alert the page is submitting 'if ($("#inpname").val() == "") { alert("Please enter name"); return false;'

Collectives™ on Stack Overflow

jquery or javascript method to add validations to input tags before submitting the page [duplicate]

3 Answers 3

Comments

4 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

2 Comments

Linked

Related