1

基本的なリンク検証用の ng-pattern を持つ入力ボックスがあります。私たちの PM は、ユーザーが編集を開始する前に「http://」テキストを既に入力に含めることを望んでいます...しかし、このテキストをそこに置くことはできません。現れない。

<input type="text" ng-model="$parent.emailData.setting.button[2].link" 
 name="button2link" 
 ng-class="{invalid: step3Form.button2link.$invalid}"
 ng-pattern="link_pattern"/>

参考までに、link_pattern は次のように定義されています。

 $rootScope.link_pattern = /(https?:\/\/)(www)?[A-Za-z0-9.\-@_~]+\.[A-Za-z]{2,}(:[0-9]{2,5})?(\/[A-Za-z0-9\/_\-.~?&=]*)*/

明確にするために質問を言い換えています（心配しているスタイルではなく、すでに機能しています） 入力フィールドに実際のテキスト（プレースホルダーではなく）「http://」を入力する方法はありますかまだリンクパターンの検証があります

ユーザーが入力ボックスを見たときに、テキスト 'http://' がそこにあるようにしたい (現在は単なるプレースホルダーです) ので、自分で入力する必要はありません。

4

3 に答える 3

1

あなたが試すことができます：

ng-class="{無効: (step3Form.button2link.$dirty && step3Form.button2link.$error.pattern)}"

于 2015-02-27T03:11:25.220 に答える
0

http://jsfiddle.net/KGd8K/839/

<div ng-app ng-controller="formCtrl">
    <form name="myForm" ng-submit="onSubmit()">
        <input type="number" ng-model="price" name="price_field" ng-pattern="/^[0-9]{1,7}$/" required /> <span ng-show="{invalid: (myForm.price_field.$dirty && myForm.price_field.$error.pattern)}">Not a valid number!</span>
        <input type="submit" value="submit" />
    </form>
</div>
于 2015-02-27T05:41:18.323 に答える