发表新帖
发表新帖

Validate select box

后端 未结
关注
8 631
广开言路
广开言路 2020-12-08 01:44

I\'m using the jQuery plugin Validation to validate a form. I have a select list looking like this:
提交评论
  •  加载中...
  • 忘了有多久
    2020-12-08 02:26 
    if (select == "") {
    alert("Please select a selection");
    return false;

    That should work for you. It just did for me.

    0 讨论(0)
  • 不要未来只要你来
    2020-12-08 02:29

    Perhaps there is a shorter way but this works for me.

    <script language='JavaScript' type='text/javascript'>
    function validateThisFrom(thisForm) {
        if (thisForm.FIELDNAME.value == "") {
            alert("Please make a selection");
            thisForm.FIELDNAME.focus();
            return false;
        }
        if (thisForm.FIELDNAME2.value == "") {
            alert("Please make a selection");
            thisForm.FIELDNAME2.focus();
            return false;
        }
    }
</script>
<form onSubmit="return validateThisFrom (this);">
    <select name="FIELDNAME" class="form-control">
        <option value="">- select -</option>
        <option value="value 1">Visible info of Value 1</option>
        <option value="value 2">Visible info of Value 2</option>
    </select>
    <select name="FIELDNAME2" class="form-control">
        <option value="">- select -</option>
        <option value="value 1">Visible info of Value 1</option>
        <option value="value 2">Visible info of Value 2</option>
    </select>
</form>
    0 讨论(0)
  • 北海茫月
    2020-12-08 02:29 
       <script type="text/JavaScript">  
function validate() 
{
if( document.form1.quali.value == "-1" )
   {
     alert( "Please select qualification!" );
     return false;
   }
}

</script>
<form name="form1" method="post" action="" onsubmit="return validate(this);">
<select name="quali" id="quali" ">
        <option value="-1" selected="selected">select</option>
        <option value="1">Graduate</option>
        <option value="2">Post Graduate</option>
      </select> 
</form>





// this code works 110% tested by me after many complex jquery method validation but it is simple javascript method plz try this if u fail in drop down required validation//
    0 讨论(0)
  • 花落未央
    2020-12-08 02:36

    Just add a class of required to the select

    <select id="select" class="required">
    0 讨论(0)
  • 情深已故
    2020-12-08 02:36 
    <select id='bookcategory' class="form-control" required="">
                    <option value="" disabled="disabled">Category</option>
                    <option value="1">LITERATURE & FICTION</option>
                    <option value="2">NON FICTION</option>
                    <option value="3">ACADEMIC</option>
            <option value="4">CHILDREN & TEENS</option>

                </select>

    HTML form validation can be performed automatically by the browser. Try the above code:
    The rest all will be done automatically, no need to create any js functions just this dropdown and a submit button.

    0 讨论(0)
    • 1 2 下一页
     看不清?
    提交回复
    热议问题