https://github.com/ujjwalguptaofficial/jsvalidator
Javascript library to validate different types of data with less lines of code.
https://github.com/ujjwalguptaofficial/jsvalidator
javascript javascript-library javascriptvalidation jsvalidator validate-using-javascript validators
Last synced: 7 months ago
JSON representation
Javascript library to validate different types of data with less lines of code.
- Host: GitHub
- URL: https://github.com/ujjwalguptaofficial/jsvalidator
- Owner: ujjwalguptaofficial
- License: apache-2.0
- Created: 2017-04-15T02:32:44.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-13T05:41:13.000Z (about 8 years ago)
- Last Synced: 2025-03-07T04:45:28.487Z (7 months ago)
- Topics: javascript, javascript-library, javascriptvalidation, jsvalidator, validate-using-javascript, validators
- Language: TypeScript
- Homepage:
- Size: 47.9 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# JsValidator
# How to use
1. download the file
2. find the script under output folder
3. include it in your html file
# Doc
## Check for null
```
var Validator=new JsValidator();
var Name=document.getElementById('txtName');
if(Validator.isInvalid(Name.value)) // return true if error otherwise false
{
alert(Validator.ErrMsg); // Validator.ErrMsg will contains the current Error Message
}
```
### Note :- you can use "isValid" Function to check valid value.
## Check for null with custom message
```
var Validator=new JsValidator();
var Name=document.getElementById('txtName');
if(Validator.isInvalid(Name.value,{Is:{Required:true,Msg:"This is required value"}}))
{
alert(Validator.ErrMsg);
}
```
## Check for different datatype - email, url, mobile, number
```
var Validator=new JsValidator();
var Price=document.getElementById('txtPrice');
//check number
if(Validator.isInvalid(Price.value,{ Type:'number'})) // return true if error otherwise false
{
alert(Validator.ErrMsg); // Validator.ErrMsg will contains the current Error Message
}
//for email,url, mobile : replace type with the value like email,url,mobile - e.g -
if(Validator.isInvalid(Price.value,{ Type:'email'})) // return true if error otherwise false
{
alert(Validator.ErrMsg); // Validator.ErrMsg will contains the current Error Message
}
//Note :- the mobile no check is for indian no only. So in the case if something is not working for you -
// you can override the validation logic or create your own.
```
### Note :- currently we support following datatype -
1. Email
2. Url
3. Mobile
4. Number
## OverRide validation logic or add your own
### Using Constructor
```
var Validator=new JsValidator(
[
{
Type:'email',
Regex:/^((ht|f)tp(s?)\:\/\/|~/|/)?([\w]+:\w+@)?([a-zA-Z]{1}([\w\-]+\.)+([\w]{2,5}))(:[\d]{1,5})?((/?\w+/)+|/?)(\w+\.[\w]{3,4})?((\?\w+=\w+)?(&\w+=\w+)*)?/,
ErrorMsg:'Enter valid email',
Is:{Required:true,Msg:"This field is required"}
},
{
Type:'Mobile',
Code:function()
{
if(isNan(value))
{
return true;
}
else if(value.toString().length<10)
{
return true;
}
return false;
},
ErrorMsg:'Enter valid number',
Is:{Required:false}
},
{
Type:'UsMobile', // this is for adding your own logic
Code:function(value)
{
//any code but return true or false
}
}
]
);
// you can define both constraints like Code and Regex - if regex will return false then Code will be executed.
```
### Using 'setErrorDef' - you can define error at any time using this method
```
Validator.setErrorDef({
Type:'email',
Regex:/^((ht|f)tp(s?)\:\/\/|~/|/)?([\w]+:\w+@)?([a-zA-Z]{1}([\w\-]+\.)+([\w]{2,5}))(:[\d]{1,5})?((/?\w+/)+|/?)(\w+\.[\w]{3,4})?((\?\w+=\w+)?(&\w+=\w+)*)?/,
ErrorMsg:'Enter valid email',
Is:{Required:false}
});
```
## Check for Min or Max length
```
var Validator=new JsValidator();
var Price=document.getElementById('txtPrice');
//Min length
// this will check for both number and value of min length 3 - Msg is optional
if(Validator.isInvalid(Price.value,{ Type:'number',Min:{Length:3, Msg:"Min length should be 3"}}))
{
alert(Validator.ErrMsg); // Validator.ErrMsg will contains the current Error Message
}
//Max length
// this will check for both number and value of min length 3 - add Msg if you want the custom message
if(Validator.isInvalid(Price.value,{ Type:'number',Max:{Length:3}}))
{
alert(Validator.ErrMsg); // Validator.ErrMsg will contains the current Error Message
}
//Min and MAx both - add Msg in MinMax to get the custom message
if(Validator.isInvalid(Price.value,{ Type:'number',MinMax:{Min:3,Max:5}}))
{
alert(Validator.ErrMsg); // Validator.ErrMsg will contains the current Error Message
}
```
## Check for Equal to
```
var Validator=new JsValidator(),
Pwd=document.getElementById('txtPwd'),
CPwd=document.getElementById('txtCPwd');
if(Validator.isInvalid(CPwd.value,{Equal:{ To:Pwd.value,Msg:"Confirm Pwd does not matches with Pwd" } })
{
alert(Validator.ErrMsg);
}
```