ユーザーサインアップページでウィジェットを作成して電話番号の形式/国を選択するために使用Django-intl-tel-input
していますが、ウィジェットがページに表示されず、端末で次のエラーが発生します:
Not Found: /accounts/signup/”https:
//code.jquery.com/ui/1.12.1/jquery-ui.js”
Not Found: /accounts/signup/”https://code.jquery.com/jquery-1.12.4.js”
Not Found: /accounts/signup/<link href=
[29/Jul/2019 14:10:52] "GET /accounts/signup/%E2%80%9Dhttps://code.jquery.com/jquery-1.12.4.js%E2%80%9D HTTP/1.1" 404 5475
Not Found: /accounts/signup/<script type=
[29/Jul/2019 14:10:52] "GET /accounts/signup/%E2%80%9Dhttps://code.jquery.com/ui/1.12.1/jquery-ui.js%E2%80%9D HTTP/1.1" 404 5493
[29/Jul/2019 14:10:52] "GET /accounts/signup/%3Clink%20href= HTTP/1.1" 404 5370
[29/Jul/2019 14:10:52] "GET /accounts/signup/%3Cscript%20type= HTTP/1.1" 404 5376
Not Found: /accounts/signup/”https://code.jquery.com/jquery-1.12.4.js”
[29/Jul/2019 14:10:53] "GET /accounts/signup/%E2%80%9Dhttps://code.jquery.com/jquery-1.12.4.js%E2%80%9D HTTP/1.1" 404 5475
Not Found: /accounts/signup/”https://code.jquery.com/ui/1.12.1/jquery-ui.js”
[29/Jul/2019 14:10:53] "GET /accounts/signup/%E2%80%9Dhttps://code.jquery.com/ui/1.12.1/jquery
-ui.js%E2%80%9D HTTP/1.1" 404 5493
このテンプレートで CSS または js ファイルを読み込んでいない/呼び出していない
{%load staticfiles %}
{% block content %}
<head>>
<link href="{{ form.media.css }}" rel="stylesheet">
</head>
<style>
#content{
margin-top : 4%;
margin-left : 18%;
margin-right : 2%;
margin-bottom : 6%;
}
</style>
<div id="content">
<h2>Sign up</h2>
<form method="POST" action="{% url 'accounts:signup' %}">
{% csrf_token %}
{{ form.as_p }}
<button type="submit" class="btn btn-primary">Sign up</button>
<p></p>
</form>
</div>
<script src="{{ form.media.js }}"></script>
<script>
jQuery(document).ready(
{{ form.media.js }}
);
</script>
{% endblock %}
と私のフォーム:
class SignupForm(UserCreationForm):
Telephone_num = forms.CharField(label='Phone Number', widget= IntlTelInputWidget())
class Meta(UserCreationForm.Meta):
model = MyUser
fields = ('first_name', 'last_name', 'email', 'password1', 'password2', 'hospital', 'clinic', 'address')
使ってみdjango-phonenumber-field
ましたが、そのウィジェットには国のフラグがなく、あまりユーザーフレンドリーではありません 私も試しました
widgets = {
'Telephone_no': widgets.PhoneNumberPrefixWidget
}
電話番号フィールドを属性に追加した後fields
でも機能しませんでした。