Question

这是我的代码：

  <div class="form-group">
    <div class="col-md-4">
      <label class="control-label">Mobile Number:</label>
    </div>
    <div class="col-md-8">
      {!! Form::input('number', 'mobile',  null, ['type' => 'number', 'min' => 0, 'id' => 'mobile', 'class' => 'input-lg form-control TabOnEnter', 'placeholder' => 'Eg: 9876543210', 'tabindex' => 15]) !!}
    </div>
  </div>

在这里，我想根据需要提供此移动电话号码字段，如何在我的代码中添加它？我在创建表单时有3个步骤，并且我在步骤1中有移动号码，当我点击下一个按钮而不添加手机号码时，它应该显示一条警报消息。现在它显示需要移动字段的警报消息，只有在步骤3中的最后一步（即）中点击提交按钮后才能使用。

Answer 1

将'required' => true添加到数组中：

{!! Form::input('number', 'mobile',  null, ['required' => true, 'type' => 'number'....

Answer 2

您需要使用next_button

与jquery进行核对

  <div class="form-group">
    <div class="col-md-4">
      <label class="control-label">Mobile Number:</label>
    </div>
    <div class="col-md-8">
      {!! Form::input('number', 'mobile',  null, ['type' => 'number', 'min' => 0, 'id' => 'mobile', 'class' => 'input-lg form-control TabOnEnter', 'placeholder' => 'Eg: 9876543210', 'tabindex' => 15]) !!}

    <button style="margin-right:20px;" class="next_button btn btn-info active nextBtn btn-md pull-right" type="next" >Next</button>
    </div>
  </div>

$(document).ready(function(){
   $('.next_button').click(function(event){
        if ($('#mobile').val() == ""){
            event.preventDefault();
            alert('Enter the number');
        }
    });
});

在现有代码中添加了next_button课程

如何在创建表单时添加必填字段？

2 个答案: