Chrome と Opera が問題なく動作するという問題に遭遇しましたが、URL に localhost ではなくホスト名または IP を使用すると、Internet Explorer 9 および 10 に適合するフォームがスローされます。テキスト ボックスと送信ボタンのみで動作する別のフォーム オブジェクトがあります。
私が問題を抱えているフォームには、テキスト フィールド、選択リスト、ドロップダウン、およびチェック ボックスがあります。
Internet Explorer では送信ボタンからイベントを受け取りませんが、他のブラウザーでは受け取ります。
エラー:
Error Code:
RequestBindingException: Unable to bind request
Stack:
at ServiceStack.WebHost.Endpoints.RestHandler.GetRequest(IHttpRequest httpReq, IRestPath restPath) at ServiceStack.WebHost.Endpoints.RestHandler.ProcessRequest(IHttpRequest httpReq, IHttpResponse httpRes, String operationName)
コード :
<form style="width:inherit; margin:4px" action="/search" method="post"><label style="color: white;">Quick Search</label><br>
<label style="color: white;">Colors:</label>
<br/>
@*<input style="width:100px;" name="Colors" type="text"><br>*@
<select name="Colors" style="height:200px; width:100px;" multiple>
@{
@:<option value ="Any">Any</option>
foreach(Color colors in Repositories.TypeGetters.GetAllColors())
{
@:<option value ="@colors.Description">@colors.Description</option>
}
}
</select><br>
<input style="color: white; font-size:small" type="checkbox" name="PredominantColor" value="1" />
<label style="color: white;">Predominant Color?</label><br />
<label style="color: white; width:30px">D1</label><label style="color: white; width:30px">xD2:</label><br />
<input style="width:30px" name="D1" type="text"><label style="color: white;">mm. X </label>
<input style="width:30px" name="D2" type="text"><label style="color: white;">mm.</label><br />
<label style="color: white;">Number of Layers:</label><br>
<input style="width:30px" name="LayersCount" type="text"><br>
<label style="color: white; width:100px">Flexibility:</label><br/>
<select style="width:100px" name="Flexibility">
@{
@:<option value ="Any">Any</option>
foreach(FlexibilityType flex in Repositories.TypeGetters.GetAllFlexTypes())
{
@:<option value ="@flex.Description">@flex.Description</option>
}
}
</select> <br />
<button name="SearchType" type="submit" value="2" style="float:right; margin-right:20px;">Submit</button><br />
</form>