電子メールキーボードでフォーム入力が有効になっていません

Question

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

Answer 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/

、これはこう言われる、

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

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

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

例：

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

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

例：

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