\\(?\d{3}\\)?([\-\s\.])?\d{3}\1?\d{4}
Это подтвердит любой номер телефона с переменным форматом:
\\(?\d{3}\\)?
находит 3 цифры, заключенные в скобки или нет.
([\-\s\.])?
находит любой из этих разделителей символы или нет
\d{3}
находит 3 цифры
\1
использует первый согласованный разделитель - это гарантирует, что разделители будут одинаковыми. Таким образом, (000) 999-5555 не будет проверяться здесь, потому что есть разделитель пробела и тире, поэтому просто удалите «\ 1» и замените суб-шаблон разделителя (это также будет проверять нестандартные форматы). Тем не менее, вы должны указывать формат для ввода пользователем.
\d{4}
находит 4 цифры
Проверяет:
BTW это для JavaScript, следовательно, для двойного экранирования.
Кнопка и индикаторы карты под ней - всего лишь одно изображение: https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif
Единственное, что нужно Вы можете обрезать изображение, чтобы удалить пустое пространство вокруг него и изменить его размер в соответствии с вашим дизайном.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<form method="post" target="_top" class="center-this-stuff">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="9QRP36HGU9DP6" />
<table>
<tr>
<td>
<input type="hidden" name="on0" value="Number of Tickets" />Number of Tickets
</td>
</tr>
<tr>
<td>
<select name="os0">
<option value="1">1 $20.00 USD</option>
<option value="2">2 $40.00 USD</option>
<option value="3">3 $60.00 USD</option>
<option value="4">4 $80.00 USD</option>
<option value="5">5 $100.00 USD</option>
<option value="6">6 $120.00 USD</option>
<option value="7">7 $140.00 USD</option>
<option value="8">8 $160.00 USD</option>
<option value="9">9 $180.00 USD</option>
<option value="10">10 $200.00 USD</option>
</select>
</td>
</tr>
</table>
<input type="hidden" name="currency_code" value="USD" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" />
</form>
<style>
.center-this-stuff {
display: flex;
align-content: center;
align-items: center;
flex-direction: column;
}
</style>
</body>
</html>
Здесь я создал класс и поместил его в родительский элемент, а затем использовал свойства Flexbox CSS для центрирования всего.
Используйте flexbox, чтобы расположить вещи вокруг вашей страницы