ユーザーがHTMLフォームを使用してファイルをアップロードしていることをjQueryで検証する方法は？

Question

私は、ユーザーがファイル入力フィールドを空にしないことを検証したいと考えています。

私はjQueryプラグインvalidationを使用しています。そのリンクには、プラグインがどのように動作するはずのデモがあります。

私は（と彼らはそこに実際にあることを確認）私のページのフッターにファイルを追加しました

：

<!-- jQuery y Bootstrap minificados --> 
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<!-- validacion de los campos de los formularios --> 
<script src="/js/validate/jquery.validate.min.js"></script> 
<script src="/js/validate/additional-methods.min.js"></script> 
<!-- My file --> 
<script src="/js/formularios.js"></script> 

私はこれを追加しました私のformularios.jsファイルで：

//validación de la data en el formulario de carga de documentación 
$().ready(function { 

    $("#cargarDoc").validate({ 
    rules: { 
       dni: { 
       required: true, 
       extension: "gif|jpeg|jpg|png" 
       }, 
    messages:{ 
       dni: { 
       required: "No puedes dejar este campo en blanco", 
       extension: "Solamente puedes cargar archivos del tipo: gif, jpeg, jpg o png" 
       } 
    } 
    } 
    }) 
}) 

そして、ここでは私のHTMLフォームです：

今

<form id="cargarDoc" method="POST" action ="cargarDoc.php" enctype="multipart/form-data"> 
<input type="hidden" name="MAX_FILE_SIZE" value="1000000"> 
<div class="form-group"> 
<label for="dni">Cargá acá tu DNI</label> 
<input type="file" id="dni" name="dni"> 
</div>   
<button type="submit">Cargar Documentación</button> 
</form> 

、私は空にしても、フォームを送信するとき、それは私を聞かせて行います。私は間違って何をしていますか？

Answer 1

問題は構文エラーで、おそらくコードのindentationが無効であるために発生します。

上記のコードをコードと比較して、サブタイトルの違いを確認してください。

検証では、オブジェクトの動作を定義するためにオブジェクトを使用します。

"rules"、 "message"、および "dni"はオブジェクトです。
オブジェクトは中括弧：{と}の間に定義され、keyとvalueのペアで構成されます。

オブジェクトには他のオブジェクトを含めることができます...
これは、両方とも独自の「dni」オブジェクトを含む「ルール」と「メッセージ」の場合です。物体内の昏睡,がセパレータとして用いられる。

セミコロン;は、多くのコーディング言語でステートメントを区切るために使用されます。