There are many predefined js validation rules available in magento2.You just need\u00a0to add CSS class for that rule to apply.<\/p>\n
Some of them are given below :<\/b><\/p>\n and there are many more….<\/p>\n But we can also define our new custom validation rule and override\u00a0a predefined rule and apply\u00a0it as CSS class and to do that we need to include validation.js<\/strong> file (located in lib\/web\/mage<\/strong> directory of Magento2) in our module js file.<\/p>\n\n\n\n
require([\n 'jquery',\n 'mage\/validation'\n], function($){ \n \n $.validator.addMethod(\n 'integer', function (value, element) { \n return this.optional(element) || \/^-?\\d+$\/.test(value);\n }, $.mage.__('A positive non-decimal number please'));\n \n $.validator.addMethod(\n 'validate-script-tags', function (value, element) { \n return !\/<script\\b[^>]*>([\\s\\S]*?)<\\\/script>\/.test(value);\n }, $.mage.__('SCRIPT tags are not allowed.'));\n \n});<\/pre>\n\n\n\n