2016-05-12 15:38
浏览 53


Here is my code below. I do have a form wherein consists of three dropdowns and input boxes.So I do want to check whether a field is blank or for negative numbers being entered?

//Dependant dropdown code
    $("#item").change(function() {
    var iname = $(this).val();
       {"iname": iname},
        function (data) { 
  var txt = $(".check").val();
  if(parseInt(txt) < 0 || txt == -1){
    alert("Enter positive values ..!!!!");
           success: function(data){ 

             $("#result").html("<div class='alert alert-warning'>Record Inserted Successfully</div>");


<form method='post' name='ireg' class="form-inline" role="form" id="formfield" enctype="multipart/form-data" onsubmit="return validateForm();">
               <table id="entry" class="table table-responsive">
                  <td> <label for="sesion">Session</label></td>
                  <td><select id="sesion" name="sesion"  class="form-control check"> 
                  <td> <label for="item_name">Item Name</label></td>
                  <td><select  name="iname" id="item" class="form-control check" style="width:180px;">
                     <option>Select Item</option>
                      include 'db.php';
                         $select = $conn->query("SELECT item_name from items");
                         while($row = mysqli_fetch_array($select, MYSQLI_ASSOC))
                          echo "<option>".$row['item_name']."</option>";
                    <label for="new_select">Price</label>
                    <select id="new_select" name="new_select" class="form-control check">
                    <option>Select Price</option>
                    <label for="qtyin">Qty(Dine In)</label>
                     <input type="number" id="qtyin" min="0" name="qtyin" class="check" placeholder="QTY Dine In" style="width:80px;"/>
                    <label for="qtyout">Qty(Parcel)</label>
                <input type="number"  id="qtyout" name="qtyout" min="0" class="check" placeholder="QTY Dine Out" style="width:80px;"/>
             <!--    <button type="submit" name="submit" class="btn btn-primary">Submit</button> -->
            <input type="button" name="submit" value="Submit" id="submitBtn" data-toggle="modal" 
            data-target="#confirm-submit" class="btn btn-success" />


I am trying to take input from user where validation is needed and once it is validated goes to modal popup to confirm then submit process..

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • doufuhao8085 2016-05-12 16:16

    If HTML5 validation is supported, you do not need jQuery for validation.

    <input type=number min=0 required placeholder='Enter a positive number'> 

    If you want a custom validation message, the following should do:

    <input type=number min=0 required placeholder="Enter a positive number"
                 oninvalid="this.setCustomValidity('Enter User Name Here')"

    The :invalid psuedo class can be used to apply custom CSS to it.

    This link contains some examples. For browser support see caniuse.


    For dropdowns, you may use the required attribute.

     <select required>
      <option value="">None</option>
      <option value="Option1">Option1</option>
      <option value="Option2">Option2</option>
      <option value="Option3">Option3</option>

    Note that the first option has to be blank. For details on applying required to <select> see this question.

    点赞 打赏 评论

相关推荐 更多相似问题