แก้ให้พิมพ์ได้แค่ตัวเลข tel/ID

This commit is contained in:
AnandaTon 2023-04-03 14:01:43 +07:00
parent 6c7e57d9e3
commit b42d797c78
2 changed files with 17 additions and 13 deletions

View file

@ -155,6 +155,7 @@
:outlined="status == 'register' || status == 'rejectRegister'"
dense
type="tel"
mask="#############"
counter
lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')"
@ -261,6 +262,7 @@
counter
lazy-rules
type="tel"
mask="##########"
maxlength="10"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
@ -280,6 +282,7 @@
counter
lazy-rules
type="tel"
mask="##########"
maxlength="10"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
@ -299,7 +302,7 @@
lazy-rules
readonly
borderless
style="padding:0 12px;"
style="padding: 0 12px"
v-model="defaultInformation.email"
label="E-mail address"
/>
@ -308,12 +311,12 @@
<div class="row col-xs-12 col-sm-3 col-md-2 justify-center">
<div class="containerimage row justify-center col-xs-6 col-sm-10 col-md-12">
<label for="file-upload" class="col-12 row">
<q-img src="@/assets/avatar_user.jpg" class="col-12">
<div class="overlay" v-if="status == 'register' || status == 'rejectRegister'">
<q-icon name="mdi-camera" />
<br />ปเดต
</div>
</q-img>
<q-img src="@/assets/avatar_user.jpg" class="col-12">
<div class="overlay" v-if="status == 'register' || status == 'rejectRegister'">
<q-icon name="mdi-camera" />
<br />ปเดต
</div>
</q-img>
</label>
<input id="file-upload" type="file" />
</div>
@ -516,13 +519,13 @@ const getClass = (val: boolean) => {
padding: 5px 10px 0px 0px;
}
input[type="file"] {
display: none;
input[type='file'] {
display: none;
}
.custom-file-upload {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}
</style>

View file

@ -228,6 +228,7 @@
maxlength="10"
lazy-rules
type="tel"
mask="##########"
autogrow
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"