1
マテリアルUIフォームベースの検証を行うためにRegExを使用しようとしています。 JSベースのRegexを使用していますが、動作しません。どうして ?(React + Material-ui)のJSXファイルで正規表現を使用
以下は、私のtemplate.jsxファイルのスニペットです。 my-formは、フォームマテリアルUIコンポーネントの単なるラッパーです。
import {myForm, TextField} from '@react-component/my-form';
export default (props) => {
} = props;
const emailRegex = new RegExp('/\[email protected]\S+\.\S+/');
const phoneRegEx = new RegExp('/^[(]{0,1}[0-9]{3}[)]{0,1}[-\s\.]{0,1}[0-9]{3}[-/\s\.]{0,1}[0-9]{4}$/');
return (
<myForm>
<TextField id="smsNumber" value={userInfo.smsNumber} name="smsNumberName" required requiredError="Mobile is a required field." validations={{matchRegexp:phoneRegEx}} validationErrors={{matchRegexp:'Enter a valid mobile.'}} onChange={changeSmsNumber} floatingLabelText={t('userProfile.mobile', "Mobile")} floatingLabelFixed={true} hintText={t('userProfile.mobile', "Mobile")}/>
</myForm>
);
};
このコードでは、「有効なモバイルを入力してください」というエラーメッセージが常に表示されます。
ありがとうウィキッド!それがそれを解決しました。あなたがコメントを追加したので、あなたの回答をAnswerとしてマークするにはどうすればいいですか? – greengrassbluesky