Skip to content
a simple but powerful tool for validating form fields. support bootstrap and your own styles.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
src
.gitignore
LICENSE
README.md
bower.json
build.js
package.json

README.md

SMValidator(strong muscle validator)

Features

  • Light weight

  • No dependencies

  • Customizable rules messages and styles

  • Support bootstrap and semantic

  • Useable RegExp on html

  • Support IE8+

Tutor And Documents

Preview

  • Required (required rule in html)
<input type="text" data-rule="required">
  • RegExp (using RegExp in html)
<input type="text" data-rule="/^[a-z]+$/i/Please input letters">
  • Your Style (add .fail-error on input when validate failed)
<input type="text" data-rule="failCss(fail-error)">
  • Javascript (use only js without data-rule)
new SMValidator('form', {
  rules: {
    //define a rule by RegExp
    onlyNumber: [/^-?\d+(\.{1}\d+)?$/, 'Please input letters'],
    //define a rule by Function
    greater: function(val, num) {
      return (val*1 > num*1) || 'Please input a number that greater than ' + num;
    }
  },
  fields: {
    //fieldName1 match input's name
    fieldName1: {
      required: true,
      rule: 'onlyNumber|greater(10)',
      failCss: 'fail-error'
    }
  }
});

Demos

bootstrap demo semantic demo

Install

  • npm install --save SMValidator

  • bower install SMValidator

Build

  • npm run build

Notice

  • checkbox invalid in IE8

  • <select> only validate on blur in IE9~11, because it's not support oninput

About dist

  • SMValidator.js source with config

  • SMValidator.min.js the minify for SMValidator.js

  • SMValidator.pure.min.js without config, set rule and style by yourself

Reference

some inspirations comes from: nice-validator

You can’t perform that action at this time.