Validating form with Jquery and without validate.js file

Question

I am trying to implement validation with jquery. But do not know where I am doing wrong. Below is my code. Please help.

<script type="text/javascript">
$(document).ready(function() {
    alert("ready");
})
$("#myForm").validate({
    rules: {
        txt: {
            required: true,
            minLength: 2,
        }
    },
    messages: {
        txt: {
            required: "Enter your text",
            minLength: "At least 2 characters are necessary",
        }
    }
});
</script>
<form action="" id="myForm">
    <p>
        <input type="text" id="txt" placeholder="Input" />
    </p>
    <p>
        <input type="submit" id="sbmt" value="Submit Button" />
    </p>
</form>

Without validate.js? The function .validate() is present only there! — Praveen Kumar Purushothaman
– Praveen Kumar Purushothaman, Commented Jun 18, 2015 at 12:44
@PraveenKumar, I know first i was using validate.js file, then i removed because i am trying to implement validation without using that file. I am messed up here in my code i know. I just shared it. Can you please tell me that the way which i am trying, is it possible or not? If yes then how? — Amit
– Amit, Commented Jun 18, 2015 at 12:46

Praveen Kumar Purushothaman · Accepted Answer · 2015-06-18 13:10:13Z

1

Converting your script to manual, we get this:

$("#myForm").submit(function (e) {
  if ($(this).find("#rules").val().trim().length < 2) {
    alert("Rules length should be at least 2");
    return false;
  }
  if ($(this).find("#messages").val().trim().length < 2) {
    alert("Messages length should be at least 2");
    return false;
  }
});

answered Jun 18, 2015 at 13:10

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

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

Comments

Mayur Devmurari · Accepted Answer · 2015-06-18 12:48:03Z

0

Use this code may be it helps you.

<script type="text/javascript">
$(document).ready(function() {
  $("#myForm").validate({
    rules: {
        txt: {
            required: true,
            minLength: 2,
        }
    },
    messages: {
        txt: {
            required: "Enter your text",
            minLength: "At least 2 characters are necessary",
        }
    }
  });
});
</script>

answered Jun 18, 2015 at 12:48

Mayur Devmurari

4969 silver badges16 bronze badges

5 Comments

Amit Over a year ago

It wont work. Because I do not want to use validate.js file. And if i use .validate() then validate.js file is needed.

Mayur Devmurari Over a year ago

obvious validate.js needed .. otherwise you have to do it manualy

Amit Over a year ago

Manually? How? I want to know any way to make it happen but not using validate.js file.

Mayur Devmurari Over a year ago

and use jquery syntex instand of javascript syntex.

Praveen Kumar Purushothaman Over a year ago

Syntex tank? In stand? What stand? :D

Collectives™ on Stack Overflow

Validating form with Jquery and without validate.js file

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related