如何在react js输入字段中添加+sign

Question

<Form.Control type="number" placeholder="Enter Whatssapp No" 
pattern="[+][0-9]*" inputmode="bollean"
value={userData.no}
onChange={postUserData}
name="no"

/>

如何添加加号输入字段

Answer 1

只有当第一个字符是一个加号，后跟一个或多个数字时，此模式才有效。

input[name=phone]:invalid {
background-color: red;
}

<form>
<label for="pwd">Phone:</label><br>
<input name="phone" pattern="^+d+$" required><br><br>
<input type="submit">
</form>