2017-09-06 5 views
1

入力html剣道でメールアドレスを検証したいと思います。 これは私のhtmlコードです:!私はカンマで区切るするアドレスをしたいと思いますが、これは動作しません。ここでは剣道剣道のバリデータで複数の電子メールを検証する方法は?

enter image description here

+1

、これは仕事に行くされていません! 1つの入力ボックスに複数の電子メールアドレスを検証する場合は、kenodカスタムバリデータルールを作成する必要があります。 –

答えて

2

のために検証されていない

<label for="doc" class="required">E-mail</label> 
<input type="email" multiple pattern="^([\w+-.%][email protected][\w-.]+\.[A-Za-z]{2,4},*[\W]*)+$" value="" data-bind="value: mail" id="doc" name="mail" required data-email-msg="Email format is not valid" /> 

取り組んでいますDEMOは、1つの入力フィールドにセミコロンで区切られた複数の電子メールを検証します。

このため、カスタム剣道バリデータルールを作成しました。 DEMOからのコードスニペットは、以下を示している:

HTML:

<input type="text" class="k-textbox" name="Email" id="Email" required data-required-msg="Please enter atleast one email" data-multipleemails-msg="Some of the Entered Email ids are invalid"/> 

JS:明らか

function validateEmail(email) { 
    var re = /^(([^<>()\[\]\\.,;:\[email protected]"]+(\.[^<>()\[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
    return re.test(email); 
} 

       $(function() { 
        var container = $("#employeeForm"); 
        kendo.init(container); 
        container.kendoValidator({ 
         rules: { 
          multipleemails: function (input) { 
           if (input.is("[data-multipleemails-msg]") && input.val() != "") 
           {         
            var emailsArray = input.val().split(";"); 
            for (var i=0; i < emailsArray.length; i++) 
            { 
             //alert(emailsArray[i]); 
             //return validateEmail(emailsArray[i].trim()); 
             if ((emailsArray[i].trim() != "") && (validateEmail(emailsArray[i].trim()) == false)) 
             { 
              return false; 
             } 
            } 

           } 

           return true; 
          } 
         } 
        }); 
       }); 


       $('#save').click(function() { 
       //alert('save'); 
        var validator = $("#employeeForm").data("kendoValidator"); 
        if (validator.validate()) { 
         alert("Form is successfully validated"); 
        } 

       }); 
関連する問題