2016-10-06 7 views
0

私は2つの入力のデータを検証するためにブートストラップ検証してみてくださいを与えている:テキストエリアと日付ピッカーをするので、ここに私のページのコードは次のとおりです。ブートストラップバリデータ入力問題

<form name="Form"> 
    <label><input type="radio" value="1" id="Rtipo-1-1" required>Peticion</label> 
    <label><input type="radio" value="4" id="Rtipo-1-2" required>Reclamo</label> 
    <select class="form-control" id="Lista"> 
     <option value="0" >Opcion 1</option> 
    </select> 
    <select class="form-control" id="Lugar"> 
     <option value="0">Opcion 2</option> 
    </select> 
    <textarea placeholder="Descripcion del motivo" class="form-control" name="text"></textarea> 
    <div class="input-group date" data-provide="datepicker" data-date-format="yyyy/mm/dd" data-date-end-date="0d"> 
     <input type="text" class="form-control"> 
     <div class="form-group"> 
      <div class="col-md-9 col-md-offset-3"> 
      <div id="messages"></div> 
     </div> 
    </div> 
</form> 
<button class="btn btn-primary" type="button" onClick="Fin()">Guardar</button> 

その後、私は私のJavaScriptを持っています入力を検証する

私の練習はボタンをクリックして終了しますが、テキストエリアが空であるかどうかは検証されません。

私はテキストエリア(name = "text")でバリデーターを試しましたが、うまくいきません。理由はわかりません。

HTML5のプロパティを "必須"として試してみたが、うまくいきませんでしたので、私は検証のためのアイデアがありません。そのため、ブートストラップバリデーターを読み込んで試しました。

あなたが私の間違いや私のコードの間違いについて手を差し伸べたいと思っています。あなたに感謝します。

PD:それぞれのツール(ブートストラップjsとcss、jquery、ブートストラップバリデーターjsとcss)は私のページにインポートされ、小さなページでテストされています。この場合、私のガイドの例では、あなたの提出この1

http://www.dotnetcurry.com/jquery/1168/validate-form-jquery-bootstrap-validator

+0

どのコンソールエラー? – madalinivascu

+0

いいえ、バリデーターは私に空のフィールドを埋めるためのメッセージを与えると仮定しますが、代わりに情報を保存するだけです。 – Gutierrez

+0

CONSOLE MANに何らかのエラーがありますか? – madalinivascu

答えて

1

たこと<button type='button'>があなたの提出であれば、あなたの<form>タグの外側にあります。

もしそうであれば、どのようなfin()あり、なぜそれがバリではない<button type='submit'>

であることも、リスナーによってまたは提出に呼び出されなければなりません。

+0

Hmmmm yeah、あなたが正しい、私はそれを試して、後であなたが働く場合は教えてください。ありがとう:) – Gutierrez

+0

あなたは正しいです、あなたのソリューションは私の場合に最適です、ありがとうございます。 – Gutierrez

+0

問題ありません。喜んでお手伝いします:) – developernator

関連する問題