• Home
  • Jobs
  • Courses
  • Questions
  • Teachers
  • For business
  • ES/EN

0

25
Views
Using JavaScript reset removes format of phone field

I have 4 input fields for telephone numbers. They all have the [Phone] attribute in the model and the type="tel" in the HTML.

The fields look like this (904) 888-1234 when the form loads.

In model:

[Phone]
public string Phone {get;set;}

in HTML

<input type="tel" value="9048881234">
<button type="reset">reset</button>

When the user clicks the reset button, the formatting disappears (9048881234) and the form fails validation on submit.

Is there a way to reset the field so that it restores the format to (904) 888-1234?

Thanks,

about 2 months ago ·

Juan Pablo Isaza

1 answers
Answer question

0

Solution:

Before reset I store the field's value:

let phone = $("#Phone").val()

then clear it

$("#Phone").val("");

Then, after reset, I restore the value if it was not empty.

it (phone != ""){
    $("#Phone").val(phone);
}
about 2 months ago · Juan Pablo Isaza Report
Answer question
Find remote jobs
Loading

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post job Plans Our process Sales
Legal
Terms and conditions Privacy policy
© 2022 PeakU Inc. All Rights Reserved.