2016-09-27 66 views
1

我使用的是單一的HTML5必需的屬性爲單選按鈕組,因爲這樣在單選按鈕上需要

<td> 
    <label for="input1">English:</label><input type="radio" ng-model="Customer.language" id="input1" required value="english" /> 
    <label for="input2">Arabic:</label><input type="radio" ng-model="Customer.language" id="input2" value="arabic" /> 
</td> 

,但它不工作作爲每expectaions 我不能夠提交結果,直到我選擇英語即,甚至當我選擇阿拉伯語的「reqired場消息提示英語」

+0

可能的重複[HTML5:如何使用「必需」屬性與「無線電」輸入字段](http://stackoverflow.com/questions/8287779/html5-how-use-the-required-attribute-with -a-RADIO-輸入場)。對此,你需要給你的收音機賦予相同的'name'屬性 - 你的名字沒有名字 – Pete

+0

當我有ng模型的時候,我需要給名字嗎? –

+0

好,如果你想使用HTML 5驗證,而不是角度驗證,那麼我會建議你做 – Pete

回答

0

您需要添加一個名稱屬性爲您的單選按鈕組:

<input type="radio" ng-model="Customer.language" id="input1" value="english" name="language" required /> 
<input type="radio" ng-model="Customer.language" id="input2" value="arabic" name="language" required /> 

注意:我還爲第二個輸入添加了必需的聲明。

+0

任何人告訴我爲什麼這會得到downvoted? – Founded1898

0

我在組件中看到了一些「ng-」,所以我認爲你使用的是AngularJS。 所以,你可以嘗試這一個你需要:

<td> 
    <label for="input1">English:</label><input type="radio" ng-model="Customer.language" id="input1" ng-required="!Customer.language" value="english" /> 
    <label for="input2">Arabic:</label><input type="radio" ng-model="Customer.language" id="input2" ng-required="!Customer.language" value="arabic" /> 

並且不需要名稱;)

就這樣,你的領域將只沒有被選擇的價值需要;)

相關問題