07. Form Validation

Здравейте, успях да докарам задачата до 88/100 , само 1 тест гърми, и не мога да разбера от какво е, като даже инпут данните ми се струва че трябва да са вярни, но result div-a "valid" го expect-ва да е 'none'

https://pastebin.com/em1y572x

https://judge.softuni.bg/Contests/Compete/Index/2767#6

https://judge.softuni.bg/Contests/Compete/Index/2767#0 -линк условия и ресурси

1.Form Validation

You are given the task to write validation for the fields of a simple form.

HTML and JavaScript Code

You are provided a skeleton containing the necessary files for your program.

The validations should be as follows:

The username needs to be between 3 and 20 symbols inclusively and only letters and numbers are allowed.
The password and confirm-password must be between 5 and 15 inclusively symbols and only word characters are allowed (letters, numbers and _).
The inputs of the password and confirm-password field must match.
The email field must contain the “@” symbol and at least one "."(dot) after it.

If the "Is company?" checkbox is checked, the CompanyInfo fieldset should become visible and the Company Number field must also be validated, if it isn’t checked the Company fieldset should have the style "display: none;" and the value of the Company Number field shouldn’t matter.

The Company Number field must be a number between 1000 and 9999.

Every field with an incorrect value when the [Submit] button is pressed should have the following style applied border-color: red;, alternatively if it’s correct it should have style border: none;. If there are required fields with an incorrect value when the [Submit] button is pressed, the div with id="valid" should become hidden ("display: none;"), alternatively if all fields are correct the div should become visible.

Constraints

You are NOT allowed to change the HTML or CSS files provided.

Screenshots

Hints

Use addEventListener() function to attach an event listener for the "change" event to the checkbox.
All buttons within a <form> automatically work as submit buttons, unless their type is manually assigned to something else, in order to avoid reloading the page upon clicking the [Submit] button you can use event.preventDefault()
The validation for the separate fields can be done using regex.

Аналогично на колегата и аз я докарах до 88/100 и установих, че първи тест ми гърми заради регекса на e-maila. Пробвах да заменя с регекса на BGdaredevil и даде 100/100. Доста странно от страна на тестовете, все пак задачата не е за писане на регекс, но това е положението.

/^[^@.]+@[^@]*\.[^@]*$/ - това е регексът, който минава на всички тестове (от BGdaredevil). По условие: The email field must contain the “@” symbol and at least one "."(dot) after it. Т.е. по условие е валиден ето този e-mail: some_email@.com - или всичко, след което има една точка след @, независимо, че дефакто такъв email не може да съществува.

Благодаря на BGdaredevil за каченото решение. Качвам и моето, което е доста по-дърварско:

https://pastebin.com/3HbFkDbS