2017-09-02 7 views
1

電子メールまたは電話番号入力フィールドを持つフォームを(ブートストラップで)作成したいと考えています。
モバイルでは、そのフィールドに「電子メールキーボード」を開き、値が電子メールの場合は検証しません。
このフォームには、必要なテキスト入力があります。
これを達成する簡単な方法は何ですか?電子メールキーボードでフォーム入力が有効になっていません

+0

あなたはそれを検証するためにしたくないですか? –

+0

穴のフォームではなくメールの入力フィールド – alexandre1985

+0

jQueryを使用してフォームの入力を検証しますが、電子メールの入力は検証しません。 –

答えて

1

私が正しくあなたの質問を理解している場合、あなたは、フォームの入力を検証したいが、同じ形式でtehの電子メールの入力を検証する必要はありません....

使用このような何か:

のjQuery :

$(document).on('click', ".button", function(){ 
     var name = $(".name").val(); 
     var lastname = $(".lastname").val(); 
     var email = $(".email").val(); 

     if(name == "" || lastname == ""){ 

     alert('Please fill in all the details') 


     }else{ 


     ///////submit your form here... you can even use AJAX to submit yuour form//// 

    } 
}); 

HTML:

<form action="" method="post"> 

<input type="text" class="name"> 
<input type="text" class="lastname"> 
<input type="email" class="email"> 

</form> 

あなたはJQUERY LIBを使用することができます。

EDIT:あなたはHTML5を使用している場合

<input type="email"は自動的にデバイス上'キーパッドのメール'を開きます。

作業FIDDLE:あなたは下のコメントで提供されたリンクに基づいて

https://jsfiddle.net/2v7ybe9h/2/

、これはこう言われる、

enter image description here

彼らはまた、例を提供しました同じページ...

ご覧のとおり、そのページに入力された電子メールには'required'属性とpattern属性です。

これらの属性を単純に削除すると、「検証」はもうありません。ここ

例:

https://jsfiddle.net/2v7ybe9h/3/

また、あなたのフォームにnovalidate属性を使用し、単に私が最初フィドルであなたを提供しているものと同じにjQueryを使ってフォームを検証することができます。

例:

https://jsfiddle.net/2v7ybe9h/4/

+0

私の実験では、type = "email"と入力すると、入力値に@文字が含まれている必要があることも確認されています。この例では、その検証は終了していますか? – alexandre1985

+0

私は入力タイプ= "email"のみで@バリデーションを経験していません...他のバリデーションは他にはありませんか? –

+0

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/emailに確認してください。私はHTMLでboostrap 4とmdb.jsだけを使用しています – alexandre1985

関連する問題