Gopinath1005 Ответов: 10

как проверить выпадающий список с помощью javascript?

Как я хочу проверить выпадающий список с помощью javascript в asp.net???

Gopinath1005

а также Как проверить список радиобуттонов??

Sravan S

зачем вам нужен javascript?.. Не могу ли я перейти к необходимым элементам управления валидатором полей, которые облегчили бы задачу..!
Конечно, вы можете сделать это с помощью javascript, как указано ниже, но rfv будет легко и рекомендуется, я думаю.

10 Ответов

Рейтинг:
80

Sarvesh Kumar Gupta

Привет,

Используйте ниже JS скрипт

function JSFunctionValidate()
{
if(document.getElementById('<%=ddlView.ClientID%>').selectedIndex == 0)
{
alert("Please select ddl");
return false;
}
return true;
}


если вы хотите проверить значение, то напишите 
objDDl = document.getElementById('<%=ddlView.ClientID%>');
if(objDDl.options[objDDl.selectedIndex].value == "")
{
alert("Please select ddl");
return false;
}

Tech Code Freak

5up!

Рейтинг:
70

koolprasadd

это немного просто. смотрите следующие функции

function validate()
{
   if(document.getElementById("ddlList").value == "")
   {
      alert("Please select value"); // prompt user
      document.getElementById("ddlList").focus(); //set focus back to control
      return false;
   }
}

Tech Code Freak

5up!

Рейтинг:
68

Anuja Pawar Indore

Предположим, что ваш элемент select выглядит следующим образом

<select id="ddlView">
<option value="0">Select</option>
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>

function Validate()
{
var e = document.getElementById("ddlView");
var strUser = e.options[e.selectedIndex].value;
//if you need text to be compared then use
var strUser1 = e.options[e.selectedIndex].text;
if(strUser==0) //for text use if(strUser1=="Select")
{
alert("Please select a user");
}
}

Tech Code Freak

5up!

Anuja Pawar Indore

Спасибо Урод

AshishChaudha

мой +5!

Anuja Pawar Indore

Спасибо Ашиш :)

Member 9080845

Мои 5

AMITasp.net

http://www.codeproject.com/Answers/823345/Please-Tell-Me-When-I-Click-First-Dropdownlist-val#answer1

Anuja Pawar Indore

Вы что-то спрашиваете или сообщаете?

Рейтинг:
2

shek124 

function validateListBox(){

var listBoxSelection=document.getElementById("dropDownDays").value;

if(listBoxSelection==0){

alert("Please select a day");

return false;

}else{

alert("Ok your selection is valid");

return true;

}

return true;

}

Gopinath1005

босс его не работает..

Рейтинг:
2

deveshrajput 

 On page source code
<script language="javascript" type="text/javascript">
        function validate() {

            var summary = "";
            
            summary += validatelocation();
            
            if (summary != "") {
                alert(summary);
                return false;
            }
            else {
                return true;
            }

        }
function validatelocation() {
            var uid;
            var temp = document.getElementById("<%=ddllocation.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter location" + "\n");
            }
            else {
                return "";
            }
        }



On aspx.cs page

 protected void Page_Load(object sender, EventArgs e)
        {
          ImageButton1.Attributes.Add("onclick", "javascript:return validate()");
        }

Рейтинг:
1

Rajisha Aravind

Попробовать это :

<script type="text/javascript" language="javascript">
   function Validation(){
        var obj;
        obj = document.getElementById("<%=ddlID.ClientID%>");
        if (!obj_Subject.value) {
          alert("Your message here");
         return false;
     }
   }



Затем вы можете вызвать эту функцию там, где хотите.
например, вы можете вызвать его с помощью щелчка кнопки, как это :
btnID.Attributes.Add("onClick", "return Validation()");

Рейтинг:
1

prashant patil 4987

попробовать это:
использование проверки Javascript для выпадающего списка:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function displaySelected() {
            var x = document.getElementById('<%=ddlFruits.ClientID%>');
            var txt;
            if (x.value == 'Select') {
                txt = "Please select any fruit";
            }
            else {
                txt = "Selected option: " + x.value;
            }
            alert(txt);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:dropdownlist id="ddlFruits" runat="server" onchange="javascript:displaySelected();" xmlns:asp="#unknown">
            <asp:listitem text="Select" selected="True" />
            <asp:listitem text="Apple" />
            <asp:listitem text="Orange" />
        </asp:dropdownlist>
    </div>
    </form>
</body>
</html>


вы также можете проверить с помощью compare validator, как показано ниже :
<asp:dropdownlist id="DropDownList1" runat="server" xmlns:asp="#unknown">          
        <asp:listitem value="-1">Select</asp:listitem>
        <asp:listitem>Yasser</asp:listitem>
        <asp:listitem>Zaid</asp:listitem>
    </asp:dropdownlist>
    <asp:comparevalidator id="CompareValidator1" runat="server" controltovalidate="DropDownList1" valuetocompare="-1" xmlns:asp="#unknown">
    ErrorMessage="Field is required" Operator="NotEqual" ></asp:comparevalidator>

Рейтинг:
1

Bala1989

Попробовать это

$('#PageContent_ddllist'). focus(функция () {
если (это.значение == '--выбрать--') {
$('. fld1-error'). html('это поле обязательно');
document. getElementById ('PageContent_ddllist'). focus();
$('#PageContent_ddllist').границы-цвет CSS ('', 'красный');
возвращать false;
} еще {
$('. fld1-error'). html(");
$('#PageContent_ddllist').границы-цвет CSS ('', 'зеленый');

}
});

Deepu S Nair

какая необходимость отвечать на старые вопросы?

Рейтинг:
0

lukman hakkim 

function validateForm()
{
var listBoxSelection=document.forms["myForm"]["select"].value;
if(listBoxSelection==0)
  {
  alert("Please select a designation");
  return false;
  }
}

Рейтинг:
0

deepak.m.shrma

используя jQuery, вы можете сделать это таким образом.

 function validateRadio() {
    var flag = false;
  $('#<%=RadioButtonList1.ClientID%> input').each(function(){
     if($(this).is(":checked"))
     flag = true;
   });
  return flag;
 }

function validateDropList() {
    if ($('#<%=DropDownList1.ClientID%>').val() == "") {
        return false;
    }
    else
        return true;
}
function submitForm() {
    if (!validateRadio()) {
        alert("Please do mark option.");
        return false; //do not submit form
    }
    else if(!validateDropList()){
     alert("Please do select a country.");
     return false; //do not submit form
    }
    else
        return true;


Используя java script, вы можете сделать это таким образом.

function validateRadio() {
            var flag = false;
            var list = document.getElementById("<%=RadioButtonList1.ClientID%>"); //Client ID of the radiolist
            var inputs = list.getElementsByTagName("input");
            for (var i = 0; i < inputs.length; i++) {
                if (inputs[i].checked) {
                    flag = true;
                    break;
                }
            }         
            return flag;
    }

    function validateDropList() {

        if (document.getElementById("<%=DropDownList1.ClientID%>").value == "") {              
                return false;
            }
            else
                return true;
        }
        function submitForm() {
            if (!validateRadio()) {
                alert("Please do mark option.");
                return false; //do not submit form
            }
            else if(!validateDropList()){
             alert("Please do select a country.");
             return false; //do not submit form
            }               
            else
                return true;
        }



мой АСП элементы формы.
<asp:radiobuttonlist id="RadioButtonList1" runat="server" xmlns:asp="#unknown">
        <asp:listitem value="a">A</asp:listitem>
        <asp:listitem value="b">B</asp:listitem>
        <asp:listitem value="c">C</asp:listitem>
        <asp:listitem value="d">D</asp:listitem>
    </asp:radiobuttonlist>
        <br />
        <br />
        <div>
        <asp:dropdownlist id="DropDownList1" runat="server" xmlns:asp="#unknown">
            <asp:listitem value="">select</asp:listitem>
            <asp:listitem value="ind">India</asp:listitem>
            <asp:listitem value="pak">PAK</asp:listitem>
            <asp:listitem value="usa">US</asp:listitem>
            <asp:listitem value="uae">UAE</asp:listitem>
        </asp:dropdownlist>
        <br />
        <br />
            <asp:button id="submitForm" runat="server" onclientclick="submitForm()" text="Submit" xmlns:asp="#unknown" />
 </div>