タブ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"> </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フォーマットのチェックを続け、上記の方法を選択しました.
Reference
この問題について(タブEメールフォーム選択フォーム), 我々は、より多くの情報をここで見つけました https://velog.io/@hur-kyuh-leez/라라벨-이메일-폼-선택자-폼으로テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol