Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- jquery
- <html>
- <head>
- <script src="jquery-3.3.1.min.js" type="text/javascript"></script>
- <script type="text/javascript" src="jquery.js"></script>
- <script src="jquery.validate.js"></script>
- <style>
- label.error{
- width: 100%;
- color: red;
- font-style: italic;
- margin-left: 120px;
- margin-bottom: 5px;
- }
- </style>
- <script>
- $(document).ready(function() {
- jQuery.validator.addMethod("charonly", function(value, element){
- return this.optional(element)|| /^[a-zA-z]+$/i.test(value);
- });
- $("#userForm").validate({
- rules: {
- name: {
- required:true,
- charonly:true
- },
- email: {
- required: true,
- email: true
- },
- phone: {
- required: true,
- //number: true
- // minlength:10
- },
- url: {
- required: false,
- url: true
- },
- username: {
- required: true,
- minlength: 6
- },
- password: {
- required: true,
- minlength: 6
- },
- confirm_password: {
- required: true,
- minlength: 6,
- equalTo: "#password1"
- },
- agree: "required"
- },
- messages: {
- name: "Please enter your name",
- email:{
- //required: "please enter email",
- email:"Please enter a valid email address"
- },
- phone: {
- required: "Please enter your phone number",
- //number: "Please enter only numeric value"
- },
- url: {
- url: "Please enter valid url"
- },
- username: {
- required: "Please enter a username",
- minlength: "Your username must consist of at least 6 characters"
- },
- password: {
- required: "Please provide a password",
- minlength: "Your password must be at least 6 characters long"
- },
- confirm_password: {
- required: "Please provide a password",
- minlength: "Your password must be at least 6 characters long",
- equalTo: "Please enter the same password as above"
- },
- agree: "Please accept our policy"
- }
- });
- });
- </script>
- </head>
- <body>
- <form id="userForm" method="post" action="success.html">
- <p>
- <label for="name">Name</label>
- <input id="name" name="name" type="text" >
- </p>
- <p>
- <label for="email">E-Mail</label>
- <input id="email" type="email" name="email" >
- </p>
- <p>
- <label for="phone">Phone</label>
- <input id="phone" type="number" name="phone" >
- </p>
- <p>
- <label for="url">URL</label>
- <input id="url" type="url" name="url">
- </p>
- <p>
- <label for="username">Username</label>
- <input id="username" name="username" type="text">
- </p>
- <p>
- <label for="password">Password</label>
- <input id="password1" name="password" type="password">
- </p>
- <p>
- <label for="confirm_password">Confirm password</label>
- <input id="confirm_password" name="confirm_password" type="password">
- </p>
- <p>
- <label for="agree">Please agree to our policy</label>
- <input type="checkbox" class="checkbox" id="agree" name="agree">
- </p>
- <p>
- <input class="submit" type="submit" value="Submit">
- </p>
- </form>
- </body>
- </html>
- __________________________________________________________________________________
- <!DOCTYPE html>
- <!--
- To change this license header, choose License Headers in Project Properties.
- To change this template file, choose Tools | Templates
- and open the template in the editor.
- -->
- <html>
- <head>
- <title>TODO supply a title</title>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
- <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
- <script src="js/vendor/jquery-1.11.2.min.js" type="text/javascript"></script>
- <script src="javascript11.js" type="text/javascript"></script>
- <style>
- span{
- color: red;
- }
- </style>
- <script>
- function check()
- {
- // alert("hhhhh");
- var a=/^[a-zA-Z]*$/;
- var n=/^[0-9]*$/;
- var t=document.getElementById("name").value;
- if(t=="")
- {
- document.getElementById("msg1").innerHTML="Please enter Name";
- return false;
- }
- else if(!t.match(a))
- {
- document.getElementById("msg1").innerHTML="Plz enter only Charactor";
- return false;
- }
- t=document.getElementById("address").value;
- if(t=="")
- {
- document.getElementById("msg2").innerHTML="Please enter correct address";
- return false;
- }
- else if(t.match(n))
- {
- document.getElementById("msg2").innerHTML="";
- return false;
- }
- else if(t.match(a))
- {
- document.getElementById("msg2").innerHTML="";
- true;
- }
- n=/^[a-zA-Z0-9\s]*$/;
- // n=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
- n=/^([a-zA-Z0-9)*@[a-zA-z]*.[a-zA-Z]*$/;
- t=document.getElementById("email").value;
- if(t=="")
- {
- document.getElementById("msg3").innerHTML="Please enter email id";
- return false;
- }
- else if(!t.match(n))
- {
- document.getElementById("msg3").innerHTML="Plz enter in proper email format";
- return false;
- }
- else if(t.match(n))
- {
- document.getElementById("msg3").innerHTML="";
- true;
- }
- n=/^[a-zA-Z0-9]*$/;
- t=document.getElementById("password").value();
- if(t=="")
- {
- document.getElementById("msg4").innerHTML="Please enter the Password";
- }
- else if (!t.match(n))
- {
- document.getElementById("msg4").innerHTML="Please enter the correct password";
- }
- }
- </script>
- </head>
- <body>
- <div class="container">
- <h1 style="color: red ; align:center;">Register the Form</h1>
- <form onsubmit="return check()">
- <label for="name">Name</label><br><span id="msg1" ></span>
- <div class="input-group">
- <span class="input-group-addon"><i class="glyphicon glyphicon-briefcase"></i></span>
- <input type="text" id="name" class="form-control">
- <br>
- </div>
- <label for="address">Address</label><br><span id="msg2" ></span>
- <div class="input-group">
- <span class="input-group-addon"><i class="glyphicon glyphicon-briefcase"></i></span>
- <input type="text" id="address" class="form-control">
- </div>
- <label for="email">Email Id:</label><br><span id="msg3" ></span>
- <div class="input-group">
- <span class="input-group-addon"><i class="glyphicon glyphicon-briefcase"></i></span>
- <input type="text" id="email" class="form-control">
- </div>
- <label for="pwd">Password</label><br><span id="msg4" ></span>
- <div class="input-group">
- <span class="input-group-addon"><i class="glyphicon glyphicon-briefcase"></i></span>
- <input type="password" id="password" class="form-control">
- </div>
- <br>
- <div class="input-group">
- <label>Remember me: </label> <input type="checkbox">
- </div>
- <button type="submit" value="Submit" class="btn btn-success btn-default">Submit</button>
- </form>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment