blocks|key|274285|text|嗨，现在我正在解决和你我一样的问题，找到了可能的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|274286|使用匹配Regex的字符串验证电话号码|offset|length|style|BOLD|274287|const+phoneRegExp+=+/%5E((\\%2B[1-9]{1,4}[+\\-]*)%7C(\$[0-9]{2,3}\$[+\\-]*)%7C([0-9]{2,4})[+\\-]*)*?[0-9]{3,4}?[+\\-]*[0-9]{3,4}?$/

phoneNumber:+Yup.string().matches(phoneRegExp,+'Phone+number+is+not+valid')|code-block|syntax|javascript|274288|您可以搜索不同的Regex表达式并验证它。我使用了本文中的Regex+(+https://www.sitepoint.com/community/t/phone-number-regular-expression-validation/2204+)|274289|entityMap|0|LINK|mutability|MUTABLE|url|https://www.sitepoint.com/community/t/phone-number-regular-expression-validation/2204^0|0|0|9|0|0|11|2D|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|9|@$D|12|E|13|1|14]]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Hi right now I'am solving same problem as you and I found possible solution.
Validate phone number with string that matches Regex
<pre><code>const phoneRegExp = /^((\\+[1-9]{1,4}[ \\-]*)|(\$[0-9]{2,3}\$[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/

phoneNumber: Yup.string().matches(phoneRegExp, 'Phone number is not valid')
</code></pre>
You can search for different Regex Expressions and validate it.
I've used Regex from this article <a href="https://www.sitepoint.com/community/t/phone-number-regular-expression-validation/2204" rel="noreferrer">https://www.sitepoint.com/community/t/phone-number-regular-expression-validation/2204</a>

blocks|key|1766221|text|试试这个，也许对你有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1766222|移动电话:+Yup.string().matches(/%5E6-9\d{9}$/，{消息：“请输入有效号码”，excludeEmptyString:+false})|offset|length|style|BOLD|1766223|entityMap^0|0|0|29|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Try this, it might be helpful for you.

mobile: Yup.string().matches(/^[6-9]\d{9}$/, {message: "Please enter valid number.", excludeEmptyString: false})

blocks|key|920840|text|>.更新.<|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|920841|http://yup-phone.js.org/|920842|我已经创建了一个使用对讲机的google-libphonenumber模块，它提供了精确的验证检查，并且可以直接从github安装|CODE|920843|npm+install+--save+yup+yup-phone。|920844|检查用法|920845|const+Yup+=+require('yup');
require('yup-phone');

//+validate+any+phone+number+(defaults+to+India+for+country)
const+phoneSchema+=+Yup.string().phone().required();
phoneSchema.isValid('9876543210');+//+→+true|code-block|syntax|javascript|920846|来自简单反应气浮器，|920847|电话号码验证的正则表达式是|920848|/%5E(\%2B?\d{0,4})?\s?-?\s?($?\d{3}$?)\s?-?\s?($?\d{3}$?)\s?-?\s?($?\d{4}$?)?$/|920849|示例|920850|//+index.js

const+yup+=+require('yup');
const+{+rePhoneNumber+}+=+require('./yup-phone')

const+schema+=+yup.string().phone()

const+phone+=+'%2B911234567890';
console.log('Is+Valid?+',+rePhoneNumber.test(phone));+//+Is+Valid?+true
schema.validateSync(phone);|920851|//+yup-phone.js

const+yup+=+require('yup');

const+rePhoneNumber+=+/%5E(\%2B?\d{0,4})?\s?-?\s?($?\d{3}$?)\s?-?\s?($?\d{3}$?)\s?-?\s?($?\d{4}$?)?$/;

module.exports.rePhoneNumber+=+rePhoneNumber

yup.addMethod(yup.string,+"phone",+function()+{
++return+this.test("phone",+"Phone+number+is+not+valid",+value+=>
++++rePhoneNumber.test(value)
++);
});|920852|entityMap|0|LINK|mutability|MUTABLE|url|1|2|3|https://github.com/dockwa/simple-react-validator/blob/master/src/simple-react-validator.js#L42^0|0|6|0|0|O|0|0|E|L|A|3|1|0|0|W|0|2|2|2|0|0|2|7|3|0|0|0|0|2|0|0|0^^$0|@$1|2|3|4|5|6|7|1G|8|@$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1J|8|@]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|H|3|I|5|6|7|1N|8|@$9|1O|A|1P|B|J]]|D|@$9|1Q|A|1R|1|1S]]|E|$]]|$1|K|3|L|5|6|7|1T|8|@$9|1U|A|1V|B|J]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1W|8|@]|D|@$9|1X|A|1Y|1|1Z]]|E|$]]|$1|O|3|P|5|Q|7|20|8|@]|D|@]|E|$R|S]]|$1|T|3|U|5|6|7|21|8|@]|D|@$9|22|A|23|1|24]]|E|$]]|$1|V|3|W|5|6|7|25|8|@]|D|@]|E|$]]|$1|X|3|Y|5|Q|7|26|8|@]|D|@]|E|$R|S]]|$1|Z|3|10|5|6|7|27|8|@$9|28|A|29|B|C]]|D|@]|E|$]]|$1|11|3|12|5|Q|7|2A|8|@]|D|@]|E|$R|S]]|$1|13|3|14|5|Q|7|2B|8|@]|D|@]|E|$R|S]]|$1|15|3|-4|5|6|7|2C|8|@]|D|@]|E|$]]]|16|$17|$5|18|19|1A|E|$1B|G]]|1C|$5|18|19|1A|E|$1B|G]]|1D|$5|18|19|1A|E|$1B|G]]|1E|$5|18|19|1A|E|$1B|1F]]]]

<h2>&gt;. Update .&lt;</h2>
<a href="http://yup-phone.js.org/" rel="noreferrer">http://yup-phone.js.org/</a>
I've created a <a href="http://yup-phone.js.org/" rel="noreferrer"><code>yup-phone</code></a> module that uses <code>google-libphonenumber</code> which gives accurate validation checks and can be installed directly from github
<code>npm install --save yup yup-phone</code>.
Check <a href="http://yup-phone.js.org/" rel="noreferrer">Usage</a>
<pre><code>const Yup = require('yup');
require('yup-phone');

// validate any phone number (defaults to India for country)
const phoneSchema = Yup.string().phone().required();
phoneSchema.isValid('9876543210'); // → true
</code></pre>
<hr />
<hr />
From <a href="https://github.com/dockwa/simple-react-validator/blob/master/src/simple-react-validator.js#L42" rel="noreferrer">Simple React Validator</a>,
The regex for phone number validation is
<pre><code>/^(\+?\d{0,4})?\s?-?\s?($?\d{3}$?)\s?-?\s?($?\d{3}$?)\s?-?\s?($?\d{4}$?)?$/
</code></pre>
<h2>Example</h2>
<pre><code>// index.js

const yup = require('yup');
const { rePhoneNumber } = require('./yup-phone')

const schema = yup.string().phone()

const phone = '+911234567890';
console.log('Is Valid? ', rePhoneNumber.test(phone)); // Is Valid? true
schema.validateSync(phone);
</code></pre>
<hr />
<pre><code>// yup-phone.js

const yup = require('yup');

const rePhoneNumber = /^(\+?\d{0,4})?\s?-?\s?($?\d{3}$?)\s?-?\s?($?\d{3}$?)\s?-?\s?($?\d{4}$?)?$/;

module.exports.rePhoneNumber = rePhoneNumber

yup.addMethod(yup.string, &quot;phone&quot;, function() {
 return this.test(&quot;phone&quot;, &quot;Phone number is not valid&quot;, value =&gt;
 rePhoneNumber.test(value)
 );
});
</code></pre>
<hr />

blocks|key|920869|text|只是个小小的合作。在我的情况下，我不想验证输入是否为空(不需要时)。谢谢你们的例子！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|920870|yup.addMethod(yup.string,+"phone",+function(messageError+=+'Phone+number+is+not+valid')+{
++++const+phoneRegExp+=+/%5E((\\%2B[1-9]{1,4}[+\\-]*)%7C(\$[0-9]{2,3}\$[+\\-]*)%7C([0-9]{2,4})[+\\-]*)*?[0-9]{3,4}?[+\\-]*[0-9]{3,4}?$/
++++return+this.test('phone',+messageError,+value+=>+{
++++++if+(value+&&+value.length+>+0)+{
++++++++return+phoneRegExp.test(value)
++++++}
++++++return+true
++++})
})|code-block|syntax|javascript|920871|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just a little collaboration. On my case I don't want to validate if the input is empty (when is not required). Thank you all for your examples!

<pre><code>yup.addMethod(yup.string, "phone", function(messageError = 'Phone number is not valid') {
 const phoneRegExp = /^((\\+[1-9]{1,4}[ \\-]*)|(\$[0-9]{2,3}\$[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/
 return this.test('phone', messageError, value =&gt; {
 if (value &amp;&amp; value.length &gt; 0) {
 return phoneRegExp.test(value)
 }
 return true
 })
})
</code></pre>

blocks|key|273517|text|我有一个类似的用例，下面是我的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|273518|//+Regex+source:+https://www.oreilly.com/library/view/regular-expressions-cookbook/9781449327453/ch04s02.html

const+phoneRegex+=+RegExp(
++/%5E$?([0-9]{3})$?[-.+]?([0-9]{3})[-.+]?([0-9]{4})$/
);

const+schema+=+yup.object().shape({
++phone:+yup.string().matches(phoneRegex,+"Invalid+phone").required("Phone+is+required")
});|code-block|syntax|javascript|273519|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I have a similar use case, and here's my solution:

<pre><code>// Regex source: https://www.oreilly.com/library/view/regular-expressions-cookbook/9781449327453/ch04s02.html

const phoneRegex = RegExp(
 /^$?([0-9]{3})$?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/
);

const schema = yup.object().shape({
 phone: yup.string().matches(phoneRegex, "Invalid phone").required("Phone is required")
});
</code></pre>

blocks|key|920943|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|920944|const+phoneRegExp+=+/%5E((\\%2B[1-9]{1,4}[+\\-]*)%7C(\$[0-9]{2,3}\$[+\\-]*)%7C([0-9]{2,4})[+\\-]*)*?[0-9]{3,4}?[+\\-]*[0-9]{3,4}?$/


phone_number:+Yup.string()
++.required("required")
++.matches(phoneRegExp,+'Phone+number+is+not+valid')
++.min(10,+"too+short")
++.max(10,+"too+long"),|code-block|syntax|javascript|920945|920946|这对me...you来说是最好的选择，它可以设置你自己的长度.我只是想要10位数，而不是更少或更多|920947|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const phoneRegExp = /^((\\+[1-9]{1,4}[ \\-]*)|(\$[0-9]{2,3}\$[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/


phone_number: Yup.string()
 .required("required")
 .matches(phoneRegExp, 'Phone number is not valid')
 .min(10, "too short")
 .max(10, "too long"),</code></pre>
</div>
</div>

This works best for me...you can set your own length...i just wanted 10 digits not less or more

blocks|key|1766475|text|我为此制作了一个名为是的-电话的新包。我使用了原始的yup包，但它使用了庞大的google-libphonenumber，所以我用一个更小的叉子代替了它。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1766476|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/yup-phone-lite^0|A|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I made a new package for this called <a href="https://www.npmjs.com/package/yup-phone-lite" rel="nofollow noreferrer">yup-phone-lite</a>. I had used the original yup-phone package but it uses the massive google-libphonenumber so I replaced it with a smaller fork.

blocks|key|274479|text|这是我的代码片段。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|274480|let+schema+=+yup.object().shape({
++phone:+yup
++++.string()
++++//+regexr.com/6anqd
++++.matches(/(\%2B91\+)[6-9]{1}[0-9+]{4}[0-9+]{4}[0-9]{3}/,+{
++++++message:+"Invalid+Indian+number",
++++++excludeEmptyString:+false,
++++})
++++.required(),
++email:+yup.string().required().email(),
++password:+yup.string().required().min(8),
++confirmPassword:+yup
++++.string()
++++.required()
++++.oneOf([yup.ref("password")],+"Passwords+do+not+match"),
++agree:+yup
++++.boolean()
++++.oneOf(
++++++[true],
++++++"It+is+essential+to+accept+our+Privacy+Policy+to+register.",
++++),
});|code-block|syntax|javascript|274481|我的王国按照%2B91+axxx+xxx+xxx格式检查印度电话号码(+a可以是6到9之间的数字，x可以是0-+9)。|offset|length|style|CODE|274482|我尝试了是的-家，但是它无法实际验证我想要的印度数字的范围，另外，包的进口大小是昂贵的。|274483|另外，我在前面使用了React和Formik，用反应-电话输入-2进行表单验证|274484|<PhoneInput
++country={"in"}
++value={values.phone}
++name="phone"
++onChange={(phone,+data,+e)+=>+handleChange(e)}
++onBlur={(e)+=>+handleBlur(e)}
++defaultMask="....+...+..."
++masks={{+in:+"....+...+..."+}}
++onlyCountries={["in"]}
++inputProps={{
++++name:+"phone",
++++required:+true,
++++autoFocus:+true,
++}}
++disableSearchIcon={true}
++disableDropdown={true}
++containerClass="mt-1+border+h-12+text-sm+focus:outline-none+block+w-full+bg-gray-100+dark:bg-transparent+border-transparent+focus:bg-white"
++inputClass="mt-1+border+h-12+text-sm+focus:outline-none+block+w-full+bg-gray-100+dark:bg-transparent+border-transparent+focus:bg-white"
++inputStyle={{
++++background:+"transparent",
++++border:+"1px+solid+grey",
++++height:+"3em",
++++width:+"100%25",
++++outline:+"none",
++}}
++buttonStyle={{
++++height:+"3em",
++++background:+"transparent",
++++outline:+"none",
++++border:+"none",
++}}
/>
{handleFormikError(errors,+touched,+"phone")}+//+returns+the+span.alert+with+error+message|274485|entityMap|0|LINK|mutability|MUTABLE|url|https://regexr.com/6anqd|1|https://www.npmjs.com/package/yup-phone|2|https://www.npmjs.com/package/react-phone-input-2^0|0|0|6|G|Y|1|1B|1|0|4|0|0|4|4|1|0|O|9|2|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@$I|17|J|18|K|L]|$I|19|J|1A|K|L]|$I|1B|J|1C|K|L]]|9|@$I|1D|J|1E|1|1F]]|A|$]]|$1|M|3|N|5|6|7|1G|8|@]|9|@$I|1H|J|1I|1|1J]]|A|$]]|$1|O|3|P|5|6|7|1K|8|@]|9|@$I|1L|J|1M|1|1N]]|A|$]]|$1|Q|3|R|5|D|7|1O|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]|10|$5|V|W|X|A|$Y|11]]|12|$5|V|W|X|A|$Y|13]]]]

Here's a snippet from my code.
<pre><code>let schema = yup.object().shape({
 phone: yup
 .string()
 // regexr.com/6anqd
 .matches(/(\+91\ )[6-9]{1}[0-9 ]{4}[0-9 ]{4}[0-9]{3}/, {
 message: &quot;Invalid Indian number&quot;,
 excludeEmptyString: false,
 })
 .required(),
 email: yup.string().required().email(),
 password: yup.string().required().min(8),
 confirmPassword: yup
 .string()
 .required()
 .oneOf([yup.ref(&quot;password&quot;)], &quot;Passwords do not match&quot;),
 agree: yup
 .boolean()
 .oneOf(
 [true],
 &quot;It is essential to accept our Privacy Policy to register.&quot;,
 ),
});
</code></pre>
<a href="https://regexr.com/6anqd" rel="nofollow noreferrer">My regex</a> checks for Indian Phone numbers following the format, <code>+91 axxx xxx xxx</code> (where <code>a</code> can be a digit in the range 6 to 9 and <code>x</code> can be 0 - 9).
I tried <a href="https://www.npmjs.com/package/yup-phone" rel="nofollow noreferrer">yup-home</a> but it was not able to actually verify the range for the Indian Number I wanted, plus, the package import size was costly.
<hr />
Also, I'm using React with Formik at the frontend for form validation with <a href="https://www.npmjs.com/package/react-phone-input-2" rel="nofollow noreferrer">react-phone-input-2</a>
<pre><code>&lt;PhoneInput
 country={&quot;in&quot;}
 value={values.phone}
 name=&quot;phone&quot;
 onChange={(phone, data, e) =&gt; handleChange(e)}
 onBlur={(e) =&gt; handleBlur(e)}
 defaultMask=&quot;.... ... ...&quot;
 masks={{ in: &quot;.... ... ...&quot; }}
 onlyCountries={[&quot;in&quot;]}
 inputProps={{
 name: &quot;phone&quot;,
 required: true,
 autoFocus: true,
 }}
 disableSearchIcon={true}
 disableDropdown={true}
 containerClass=&quot;mt-1 border h-12 text-sm focus:outline-none block w-full bg-gray-100 dark:bg-transparent border-transparent focus:bg-white&quot;
 inputClass=&quot;mt-1 border h-12 text-sm focus:outline-none block w-full bg-gray-100 dark:bg-transparent border-transparent focus:bg-white&quot;
 inputStyle={{
 background: &quot;transparent&quot;,
 border: &quot;1px solid grey&quot;,
 height: &quot;3em&quot;,
 width: &quot;100%&quot;,
 outline: &quot;none&quot;,
 }}
 buttonStyle={{
 height: &quot;3em&quot;,
 background: &quot;transparent&quot;,
 outline: &quot;none&quot;,
 border: &quot;none&quot;,
 }}
/&gt;
{handleFormikError(errors, touched, &quot;phone&quot;)} // returns the span.alert with error message
</code></pre>

I'm trying to validate a phone number with Yup:

<pre><code>phone: Yup.number()
 .typeError("That doesn't look like a phone number")
 .positive("A phone number can't start with a minus")
 .integer("A phone number can't include a decimal point")
 .min(8)
 .required('A phone number is required'),
</code></pre>

<code>.min(8)</code> validates that the number is 8 or more. So simply entering <code>8</code> will pass. How can I make 8 characters required so <code>1000 0000</code> would pass?

Validate phone number with Yup?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我试着用Yup验证一个电话号码：phone: Yup.number()  .typeError("That doesn't look like a phone number")  .positive("A phone number can't start with a minus")  .integer("A phon...

问用Yup确认电话号码？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用Yup确认电话号码？EN