Merge pull request #6 from wkf928592/master

add client validation

src/PhoneInputValidator.php

@@ -5,6 +5,8 @@
 use libphonenumber\NumberParseException;
 use libphonenumber\PhoneNumberUtil;
 use yii\validators\Validator;
+use yii\helpers\Html;
+use yii\helpers\Json;
 
 /**
  * Validates the given attribute value with the PhoneNumberUtil library.
@@ -37,4 +39,27 @@ protected function validateValue($value)
         }
         return $valid ? null : [$this->message, []];
     }
-}
+
+    /**
+     * @inheritdoc
+     */
+    public function clientValidateAttribute($model, $attribute, $view) {
+
+        $telInputId = Html::getInputId($model, $attribute);
+        $options = Json::htmlEncode([
+                    'message' => Yii::$app->getI18n()->format($this->message, [
+                        'attribute' => $model->getAttributeLabel($attribute)
+                            ], Yii::$app->language)
+        ]);
+
+        return <<<JS
+            var options = $options,
+                telInput = $("#$telInputId");
+            if($.trim(telInput.val())){
+                if(!telInput.intlTelInput("isValidNumber")){
+                    messages.push(options.message);
+                }
+            }
+JS;
+    }
+}