2017-07-13 6 views
0

HTML5にフォームがあり、名前、住所、電話フィールドに検証要素を追加したいと考えています。これまでのところ、私は次のコードを持っている:名についてはHTML5のパターン属性を使用する

name='name' pattern='(-.''[A-Za-z])' 
name='phone' pattern='[0-9+()x-' ']' 
name='address' pattern='[0-9A-Za-z][.,#/\:;''&*]' 

を、私は-'.シンボルを受け入れることができるようにする必要があります。
電話の場合は、+()0-9 xとスペースを受け入れる必要があります。
住所については、私がそこに置いたすべての文字を受け入れることができるようにする必要があります。

私はそれを正しく行ったとは思いませんが、テストするときにエラーメッセージが表示されません。

+0

ちょうど友好的なリマインダー: 'Never trust the user'。バックエンド値の検証を忘れないでください。 – Seblor

+2

あなたは正規表現についてよく知らないようです。私はチュートリアルを使って学習することを強くお勧めしますが、[このサイト](http://html5pattern.com/)のものなど、既にオンラインで利用可能な多くのあらかじめ作られた正規表現もあります。 – 4castle

答えて

3

パターンを"に囲む必要があります。パターン自体に'も使用しています。正しいパターン文字列を含むnameフィールドの

サンプル、:

<form> 
 
<input type="text" name="name" required pattern="[-.'A-Za-z]+" /><input type="submit"> 
 
</form>

は(あなたが-'.プラス文字を許可すると仮定すると、あなたの要件が100%明確ではありません私)

+0

Marvinありがとうございます。大きな助け...その問題を修正:) –

関連する問題