2010-07-18 3 views
3

J'ai le code html suivant dans mon formulaire ASP.NET. Il représente un menu déroulant permettant à l'utilisateur de choisir son budget. Lorsque l'utilisateur sélectionne une valeur dans la liste. Un code jquery copie la valeur sélectionnée dans le champ masqué ProjectBudget afin qu'il puisse être envoyé via le formulaire.ASP.NET Scénario de validation de valeur de formulaire

<p><label>Project budget*</label></p> 
<a href="#" class="SelectionDropdownMenu">Choose budget value</a> 
<input id="ProjectBudget" class="inputDropdownValue" runat="server" type="hidden" /> 
<ul class="DropdownMenu"> 
    <li><a href="#">5 000 $ or less</a></li> 
    <li><a href="#">5 000 $ - 10 000 $</a></li> 
    <li><a href="#">10 000 $ - 25 000 $</a></li> 
    <li><a href="#">25 000 $ - 50 000 $</a></li> 
    <li><a href="#">50 000 $ - 100 000 $</a></li> 
    <li><a href="#">100 000 $ or more</a></li> 
    <li><a href="#">N.A.</a></li> 
</ul> 

Cette solution a bien fonctionné pour moi dans le passé, mais je ne pas faire aucune validation sur le terrain et en utilisant une liste non ordonnée donne plus de flexibilité à nos concepteurs de sites Web sur une DropDownList.

Cependant, je souhaite ajouter la validation ASP.NET pour que la sélection du budget soit obligatoire. Outre l'utilisation d'une DropDownList et l'utilisation d'un RequiredFieldValidator, vous pouvez également utiliser: Quelles sont mes options?

+0

L'entrée 'type = radio' est-elle une option? L'utilisation de javascript fonctionnerait également (si c'est déjà une exigence - également pour la validation côté client). Vous pouvez toujours valider manuellement. –

Répondre

1

Il semble que vous ayez une dépendance sur javascript, alors pourquoi ne pas utiliser un DropDownList standard avec le jquery ui selectmenu plugin ou quelque chose de similaire qui peut vous donner le balisage que vous recherchez pour et gère l'élément <select> dans les coulisses. Ensuite, vous pouvez utiliser le RequiredFieldValidator et avoir le balisage que vous voulez pour la flexibilité de conception.

En bonus, vous relancez la dépendance js (au moins pour cet item).

0

Vous pouvez ajouter un CustomValidator, définissez ControlToValidate sur la liste déroulante masquée. Vous pouvez ajouter un script client pour valider le côté client