Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" media="screen" href="http://jquery.bassistance.de/validate/demo/css/screen.css" /> 
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
  <script language="javascript">$(document).ready(function(){
​
  jQuery.validator.addMethod("noSpace", function(value, element) { 
  return value.indexOf(" ") < 0 && value != ""; 
}, "No space please and don't leave it empty");
​
​
$("commentForm").validate({
   rules: {
      name: {
          noSpace: true
      }
   }
  });
​
​
})
  </script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  .headerer {
    
  }
</style>
</head>
<body>
  <form class="cmxform" id="commentForm" method="get" action=""> 
  <fieldset> 
    <legend>Please provide your name, email address (won't be published) and a comment</legend> 
    <p> 
      <label for="cname">Name (required, at least 2 characters)</label> 
      <input id="cname" name="name" /> 
    <p> 
      <label for="cemail">E-Mail (required)</label> 
      <input id="cemail" name="email" class="required email" /> 
    </p> 
    <p> 
      <label for="curl">URL (optional)</label> 
      <input id="curl" name="url" class="url" value="" /> 
    </p> 
    <p> 
      <label for="ccomment">Your comment (required)</label> 
      <textarea id="ccomment" name="comment" class="required"></textarea> 
    </p> 
    <p> 
      <input class="submit" type="submit" value="Submit"/> 
    </p> 
  </fieldset> 
</form> 
  <div class="headerer">
     <p>visit <a href="http://reigel-codes.co.cc">reigel-codes.co.cc</a></p>
  </div>
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers