levis/help365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update
All checks were successful
Deploy Static Site / deploy (push) Successful in 6m6s
Details

Browse Source
This commit is contained in:
koziavin
2025-05-29 16:42:45 +04:00
parent e217f89702
commit 00717a92fb
2681 changed files with 173810 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
platform/field-masks.html Normal file
View File

@ -0,0 +1,228 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Create input masks for Strings using regular expressions</title>
<meta name="generator" content="Help+Manual" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Regular expressions are patterns used to match character combinations in strings. A pattern may include single- or multi-character literals, operators, and constructs.&nbsp;" />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Full documentation for BRIX365 platform. Low-code developer guide. User guide. Admin guide. Developer guide." />
<meta property="og:url" content="https://brix365.com/en/help" />
<meta property="og:image" content="" />
<link rel="icon" href="favicon.png" type="image/png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="./jquery-ui.min.css" />
<link rel="stylesheet" href="default.css" />
<link rel="stylesheet" href="./search-yandex.css" />
<link rel="stylesheet" href="./article.css" />
<link rel="stylesheet" href="./glossary.css" />
<link rel="stylesheet" href="./theme.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
<script type="text/javascript" src="highlight.js"></script>
<script type="text/javascript">
$(document).ready(function(){highlight();});
</script>
</head>
<body>
<script>!function(e,t,c,n,r,a,m){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date;for(var s=0;s<document.scripts.length;s++)if(document.scripts[s].src===n)return;a=t.createElement(c),m=t.getElementsByTagName(c)[0],a.async=1,a.src=n,m.parentNode.insertBefore(a,m)}(window,document,"script","https://mc.yandex.ru/metrika/tag.js"),ym(83179930,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})</script><noscript><div><img alt=""src=https://mc.yandex.ru/watch/83179930 style=position:absolute;left:-9999px></div></noscript>
<header class="header elma-365">
<div class="container">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-en.svg" alt="header logo">
</a>
<!-- <div class="hero__search-form" id="search-panel">
<form class="search-form" onsubmit="ym(83180416,'reachGoal','poisk')">
<label class="search-form__label">
<span id="reset-search" class="search__icon"></span>
<input class="search-form__input" type="text">
</label>
<input class="search-form__submit" type="submit" value="Submit">
</form>
</div> -->
<div class="hero__search-form" id="search-panel"> <form class="search-form"> <label class="search-form__label"> <span id="reset-search" class="search__icon"></span> <input class="search-form__input" type="text"> </label> <input class="search-form__submit" type="submit" value="Submit"> </form> </div>
<div class="hero__search">
<a href="#" id="search-icon" class="hero__search-icon">
<img src="search-icon-white.svg" alt="search string">
</a>
<a href="#" id="side-menu-icon" class="hero__side-icon">
<img src="side_menu.svg" alt="side menu">
</a>
</div>
<div class="header__navi">
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a class="project-link" href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://brix365.com/en/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li><li><a class="project-link" href="https://brix365.com/en/help/business_solutions/-elma365-store.html">Business Solutions</a></li></ul></span></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li><li><a href="https://tssdk.brix365.com/" target="_blank">SDK</a></li></ul>
</div>
</div>
</header>
<main class="main container">
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-light-en.svg">
</a>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
<div class="sidebar__wrapper" id="side-menu">
</div>
</aside>
<article class="article" id="article">
<div class="article-inner">
<div class="content">
<header class="article__header">
<div class="article__bread" style="display:flex; gap:10px;">
<span id="subcategory" class="search-res__item-category search-res__item-category_subcategory subcategory article__badge"></span>
<div class="topic__breadcrumbs">
<p>Low-code designer &gt; <a href="interface_settings.html">Set up interfaces</a> / Create input masks for Strings using regular expressions</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Create input masks for Strings using regular expressions</span></h1>
</div>
</header>
<section class="article__content">
<div class="scroll-top-inner">
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter; background-color: #ffffff;">Regular expressions are patterns used to match character combinations in strings. A pattern may include single- or multi-character literals, operators, and constructs.&nbsp;</span></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter; background-color: #ffffff;">You can use regular expressions in&nbsp;</span><span style="font-family: Inter; font-weight: bold; background-color: #ffffff;">String</span><span style="font-family: Inter; background-color: #ffffff;">&nbsp;type fields to create input masks. They are used to validate data that a user enters against the defined rules. Note that masks can only include expressions without flags.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter; background-color: #ffffff;">You can also enter a message that will be displayed in case the data entered by the user doesn’t match the regular expression pattern.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="field-masks-1" width="582" height="285" style="margin:0;width:582px;height:285px;border:none" src="field-masks-1.png"/></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter;">Learn more about the syntax of regular expressions on the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions" target="_blank" class="weblink">MDN Web Docs</a> website. </span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-family: Inter;">All examples below include the following special characters:</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter; font-weight: bold;"> ‘^’ </span><span style="font-size: 15px; font-family: Inter; background-color: #ffffff;">matches the beginning of input</span><span style="font-size: 15px; font-family: Inter;">,</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter; font-weight: bold;">‘$’ </span><span style="font-size: 15px; font-family: Inter; background-color: #ffffff;">matches the end of input</span><span style="font-size: 15px; font-family: Inter;">,</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-size: 15px; font-family: Inter; font-weight: bold;">‘?’ in ‘()?’</span><span style="font-size: 15px; font-family: Inter;"> matches the preceding item 0 or 1 times. If this character is not added after the parentheses, and the field is left empty, the system will display an error message even if the field is not marked as required.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Examples of regular expression patterns</span></h2>
<h3 class="p_Heading3"><span class="f_Heading3">Validate a US passport number</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">^(([0-9]{8})|([0-9]{9}))?$</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">Let’s break it down:</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[0-9]{8} allows entering eight digits.</span></li><li value="2" style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[0-9]{9} allows entering nine digits.</span></li><li value="3" style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;"><span style="font-size: 15px; font-family: Inter;">(a|b) allows entering either the left or the right part of the expression.</span></li></ol>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Examples:</span></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">12345678</span></li><li style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;"><span style="font-size: 15px; font-family: Inter;">123456789</span></li></ul>
<h3 class="p_Heading3"><span class="f_Heading3">Validate a US Social Security number</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">^([0-9]{3}[-]{1}[0-9]{2}[-]{1}[0-9]{4})?$</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">Let’s break it down:</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[0-9]{3} allows entering three digits.</span></li><li value="2" style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;"><span style="font-size: 15px; font-family: Inter;">[0-9]{2} allows entering two digits.</span></li><li value="3" style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;"><span style="font-size: 15px; font-family: Inter;">[0-9]{4} allows entering four digits.</span></li><li value="4" style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[-]{1} allows entering one ‘-’ character.</span></li></ol>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-family: Inter; font-weight: bold;">Example:</span><span style="font-family: Inter;"> 123-45-6789</span></p>
<h3 class="p_Heading3"><span class="f_Heading3">Validate a US Employer Identification Number</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">^([0-9]{2}[-]{1}[0-9]{7})?$</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">Let’s break it down:</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[0-9]{2} allows entering two digits.</span></li><li value="2" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[-]{1} allows entering one ‘-’ character.</span></li><li value="3" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[0-9]{7} allows entering seven digits.</span></li></ol>
<p style="line-height: 1.20; margin: 7px 0 7px 0;"><span style="font-family: Inter; font-weight: bold;">Example: </span><span style="font-family: Inter;">12-3456789</span></p>
<h3 class="p_Heading3"><span class="f_Heading3">Validate a Legal Entity Identifier</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">^([0-9]{4}[0]{2}[A-Z0-9]{12}[0-9]{2})?$</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">Let’s break it down:</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[0-9]{4} allows entering four digits.</span></li><li value="2" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[0]{2} allows entering the ‘0’ character twice.</span></li><li value="3" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[A-Z0-9]{12} allows entering twelve alphanumeric characters (uppercase Latin letters or digits).</span></li><li value="4" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">[0-9]{2} allows entering two digits.</span></li></ol>
<p style="line-height: 1.20; margin: 7px 0 7px 0;"><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Example:</span><span style="font-size: 15px; font-family: Inter;"> 123400AB123456789612</span></p>
<h3 class="p_Heading3"><span class="f_Heading3">Validate a file name</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">^([^\\/:*?&quot;&lt;&gt;|]+[.]{1}[^\\/:*?&quot;&lt;&gt;|]+)?$</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">Let’s break it down:</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 8px;"><span style="font-size: 15px; font-family: Inter;">[^\\/:*?&quot;&lt;&gt;|] allows entering any characters except for the ones after ‘^’ (in other words, the characters included in the range are negated).</span></li><li value="2" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 8px;"><span style="font-size: 15px; font-family: Inter;">[a]+ allows entering the characters in the brackets one or more times. In this case, it allows you to enter any combination of characters except for the ones specified in the brackets.</span></li><li value="3" style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 8px;"><span style="font-size: 15px; font-family: Inter;">[.]{1} allows entering one period.</span></li></ol>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Example:</span><span style="font-size: 15px; font-family: Inter;"> Document1.docx</span></p>
<h3 class="p_Heading3"><span class="f_Heading3">Validate a file path</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">^(([A-Z]:\\){1}[^\/:*?&quot;&lt;&gt;|]+)?$</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter;">Let’s break it down:</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-size: 15px; font-family: Inter;">([A-Z]:\\){1} allows you to enter one uppercase Latin letter and the ‘:\’ sequence of characters (the first ‘\’ tells the system that the next backslash is not a special character).</span></li><li value="2" style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-size: 15px; font-family: Inter;">The </span><span style="font-family: Inter;">‘</span><span style="font-size: 15px; font-family: Inter;">+</span><span style="font-family: Inter;">’</span><span style="font-size: 15px; font-family: Inter;"> character allows entering the characters in the brackets one or more times. In this case, it allows you to enter any combination of characters except for the ones specified in the brackets due to the ‘^’ character at the beginning of the range.</span></li></ol>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Examples:</span></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; font-family: Inter;">C:\Windows\System32\calc.exe</span></li><li style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;"><span style="font-size: 15px; font-family: Inter;">Z:\test.txt</span></li></ul>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="markdown.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">markdown.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="common_widget_settings.html">
<span class="bottom-nav__link">common_widget_settings.html</span> <span
class="bottom-nav__arrow bottom-nav__arrow--next"></span>
</a>
</div>
<!-- добавляет на страницу строку блок Была ли статья полезной? -->
<div class="feedback" id="feedback"><div class="feedback-help"><span><b>Was this helpful?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx" style="display: none;">Thanks for your feedback!</div><div class="feedback__popup" id="feedback__popup_why" style="display: none;"><div class="feedback__popup-header">Please specify why:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Recommendations did not help me</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Article is hard to understand</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Didn`t answer my question</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Content does not match the topic</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Other</label></div><div class="feedback__popup" id="feedback__popup-other" style="display: none;"><div class="feedback__popup-header">How we can improve it?</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Submit"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg" class="small-img" alt="like"><spanclass="feedback-form__btn-group_yes-btn">Yes</spanclass="feedback-form__btn-group_yes-btn"></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg" class="small-img" alt="dislike"><spanclass="feedback-form__btn-group_no-btn">No</spanclass="feedback-form__btn-group_no-btn"></label></div><select name="category"><option disabled="">Please specify why</option><option value="bad_recommendation" selected="">Recommendations did not help me</option><option value="difficult_text">Article is hard to understand</option><option value="no_answer">Didn`t answer my question</option><option value="bad_header">Content does not match the topic</option><option value="other_reason">Other</option></select><input type="submit"></form></div><div class="found_typo"><p style="margin: 0px; margin-top: 16px !important;"><span><b>Found a typo?</b></span> Select it and press <i>Ctrl+Enter</i> to send us feedback</p></div></div>
</section>
</div>
<aside class="article__sidebar" style="display:none">
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">In this topic</h3>
<nav id="toc2"></nav>
</div>
</aside>
</div>
</article>
</main>
<footer class="footer">
<div class="footer-container">
<div class="footer-mobile">
<ul class="footer-mobile__list"><li><a href="https://brix365.com/en/" target="_blank">BRIX</a></li><li><a href="https://tssdk.brix365.com/en/latest/" target="_blank">SDK</a></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li></ul><ul class="footer-mobile__list"><li><a href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li></ul>
</div>
<div class="footer-wrap">
<div><span class="mobile-question-popup">Send feedback</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Ask a question</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Send"></div></form><div class="hidden fade-in question-success-xs">Sent</div></div>
<div class="footer-flex-b">
<span class="footer-copy">&copy; 2025 BRIX</span>
<ul class="footer-list">
<li class="footer-item">
<a href="#" class="arrow-top" style="display: block;"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<iframe name="hmnavigation" style="display:none!important"></iframe>
<script src="./jquery-ui.js"></script>
<!--script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script-->
<script src="./jquery.tocify.min.js"></script>
<script src="./TypoReporter.min.js"></script>
<script src="./google-search.js"></script>
<script src="./main.js"></script>
</body>
</html>