Question

我有一个表单，输入字段和选择框。现在我想检查人们是否输入该字段，他们还需要在提交表单之前检查选择框中的值。否则只需提交。

这是我的代码：

<g:form action="saveInfo2" id="applicantForm">
    <input id="checkDL1" type="text" name="forJobsRequiringUseOfAMotorVehicleDlNo1"/>
    <select id="checkState1">
        <option value=''></option>
        <option value='1'></option>
        <option value='2'></option>
    </select>
</g>

Answer 1

试试这个：

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
$(function () {
$("#submit").click(function ()  //submit button click
    {
     var inputval=$('#checkDL1').val();
     var selval=$('#checkState1').val(); 
         if(inputval=="")
            {
                alert("pllease enter text field");
                return false;
         }   
         if(selval==0)
            { 
                alert("pllease select option");
                    return false;
            }
        else{ 
        return true;
        }

        });   
        });  
    </script> 

<g:form action="saveInfo2" id="applicantForm">
    <input id="checkDL1" type="text"  name="forJobsRequiringUseOfAMotorVehicleDlNo1"/>
    <select id="checkState1">
        <option value='0'>select</option>
        <option value='1'>hi</option> 
        <option value='2'>hello</option>

    </select>
        <input  type="submit" id="submit" name="submit"/>
</g>

http://jsfiddle.net/k6jbu/

Jquery使用grails中的非必填字段验证表单

1 个答案: