タブEメールフォーム選択フォーム

18307 ワード


ラベルメールフォームは少し韓国化しました.
韓国では一般的に選択されます.
英語で打つべきだ.
jqueryと正規表現を使用します.
以下の方法で解決した.
// client/create.blade
                                  <div class="row">
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('phone') ? ' has-danger' : '' }}">
                                            <label class="form-control-label" for="input-phone">Telephone</label>
                                            <input type="text" name="phone" id="input-phone" class="form-control form-control-alternative{{ $errors->has('phone') ? ' is-invalid' : '' }}" placeholder="{{ __('Telephone') }}" value="{{ old('phone') }}" required>
                                            @include('alerts.feedback', ['field' => 'phone'])
                                        </div>
                                    </div>

                                    <div class="col">
                                        <div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
                                            <label class="form-control-label" for="input-email">{{ __('Email') }}</label>
                                            <input type="text" name="email" id="input-email" class="form-control form-control-alternative{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email ID') }}" value="{{ old('email') }}" required>
                                            @include('alerts.feedback', ['field' => 'email'])
                                        </div>
                                    </div>


                                    <div class="col">
                                        <div class="form-group{{ $errors->has('email_provider') ? 'has-danger' : '' }}">
                                            <label class="form-control-label" for="input-email_provider">&nbsp</label>
                                            <select name="email_provider" id="input-email_provider" class="form-select form-control-alternative{{ $errors->has('email_provider') ? ' is-invalid' : '' }}" required>
                                                <option value="@">  I will type the address :)  </option>
                                                <option value="@hanmail.net">hanmail.net</option>
                                                <option value="@naver.com">naver.com</option>
                                                <option value="@nate.com">nate.com</option>
                                                <option value="@gmail.com">gmail.com</option>
                                                <option value="@yahoo.com">yahoo.com</option>

                                            </select>
                                            @include('alerts.feedback', ['field' => 'email_provider'])
                                        </div>
                                    </div>
...

<script>
$( "#input-email_provider" ).change(function(){
            var email_id = $("#input-email").val().split('@', 1)[0]
            var email_provider = $("#input-email_provider").val()
            var full_email = email_id + email_provider
            $("#input-email").val(full_email);
        });
</script>
また、将来のマージのために電子メール入力フォームを追加してみました.
ClientRequest.phpでemailフォーマットのチェックを続け、上記の方法を選択しました.