Comments (4)
You shouldn't need to modify the source to make something like this work.
The documentation explains that the correct way to do this is to add the customised regular expression to the pattern attribute like this:
<input type="text" pattern="^[A-Za-z ]+$">
Cannot include backslash (/) characters as this will be evaluated as a string and not a pattern in line 143 of validator.js
I personally would like to have the option for adding new RegExp to the settings instead of filling the HTML with crafty regular expressions. ;)
I'll PR a change for this and hope @yairEO accepts it. :)
BTW, fantastic job @yairEO, thanks a lot!
from validator.
I was trying this
<input type="text" pattern="letter">
And add some lines in default settings (line 38)
letter : ^[A-Za-z ]+$/i,
also near to the line 133
case 'letter' :
regex = this.settings.regex.letter
break;
from validator.
Thank you very much!!!
from validator.
Thank you @tiomno :)
You can already bypass the default patterns with a custom settings object.
These are the default settings:
{
regex : {
url : /^(https?:\/\/)?([\w\d\-_]+\.+[A-Za-z]{2,})+\/?/,
phone : /^\+?([0-9]|[-|' '])+$/i,
numeric : /^[0-9]+$/i,
alphanumeric : /^[a-zA-Z0-9]+$/i,
email : {
illegalChars : /[\(\)\<\>\,\;\:\\\/\"\[\]]/,
filter : /^.+@.+\..{2,6}$/ // exmaple email "[email protected]"
}
},
alerts : true,
classes : {
item : 'field',
alert : 'alert',
bad : 'bad'
}
}
And you can pass it when you instantiate a validator
object:
var settings = {
regex : {
phone : [...]
}
};
var validator = new FormValidator({}, settings)
(The first argument is an Object with the texts you wish to override)
from validator.
Related Issues (20)
- How to validator ip address HOT 1
- Custom validation HOT 1
- data-validate-words can't work with other attribute like data-validate-length HOT 3
- Regex validator does not work on non-required fields HOT 1
- How to create custom validate method HOT 1
- How to validate input of type email with attribute 'multiple' HOT 2
- Specific error message per field HOT 3
- feature request: .good class HOT 1
- TypeError: validator.message is undefined HOT 2
- Placeholder conflict
- i can assign only one error message per field HOT 3
- Can this work with different form/input structure HOT 1
- How to validate a Select2? HOT 2
- How do I use the library with angular?
- Specific input field's error message doesn't work HOT 1
- Question about Google reCaptcha V3 HOT 1
- validate a form HOT 1
- time validation fails on iOS
- Bug - pattern does reject input incorrectly HOT 2
- Alert class HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from validator.