2016-10-10 16 views
-1

私は選択フィールドを持つフォームを持っています。私は次のコードで検証されていない選択フィールドに問題があります。私はstackoverflowで与えられた多くのソリューションを試してみましたが、彼らは動作していません。 は誰でも私を助けることができるあなたは閉じ括弧に}が欠落しているフィールドの検証が有効でない

<select class="form-control required" name="package" data-style="btn-zmyhome" data-width="100%"> 
    <option class="col-xs-12" value="0" selected="selected" disabled="disabled">Select</option> 
    <option class="col-xs-12" value="1">A</option> 
    <option class="col-xs-12" value="2">B</option> 
</select> 
$("#form").validate({ 
    rules: { 
     package: { required: true } 
    }, 
    messages: { 
     package: 'please select' 
    } 
}); 
+1

あなたのJSコードには '}'がありません。何かJS関連のものが期待通りに動作しないときは、常にコンソールをチェックしてください。 –

+0

検証パッケージを含めましたか? '' –

+0

はい私はそれを –

答えて

1

は、以下の指摘:

$("#form").validate({ 
rules: { 
    package: { required: true } 
}, 
messages: { 
    package: 'please select' 
} /* Closing bracket `}` was missing here */ 
}); 
+0

でのみ私のコードとの違いは何ですか? –

+0

"}"がコードにありませんでした。 – iamdeowanshi

+0

:)私は ")"ここにだけ置くのを忘れました –

0

をこのコードは正常に動作している:

<html> 
<head> 
<script src="jquery-3.1.1.min.js"></script> 
<script src="jquery.validate.min.js"></script> 
</head> 
<form id="form"> 

<select class="form-control required" name="package" data-style="btn-zmyhome" data-width="100%"> 
    <option class="col-xs-12" value="0" selected="selected" disabled="disabled">Select</option> 
    <option class="col-xs-12" value="1">A</option> 
    <option class="col-xs-12" value="2">B</option> 
</select> 
<input type="submit" name="submit" value="Submit" /> 
</form> 
</html> 


<script type="text/javascript"> 
$("#form").validate({ 
    rules: { 
     package: { required: true } 
    }, 
    messages: { 
     package: 'please select' 
    } 
}); 
</script> 

コンソールログを提供してください。完全なコードを共有することができます。

ありがとう、

関連する問題