Msaada: Kuweka form validation kwa kutumia JavaScript

[Mkurya romantic]

Nina uelewa mpana kidogo juu ya html na CSS ila ni mgeni kweny js na php

Kweny practice zangu upande wa forms hua natumia attribute ya required ili kufanya validation lakin naona kama sio unyama saana maana nataka n create alert yangu mwenyew pale form inapo fanyiwa submit pasipo kujazwa baadhi ya field

Naombeni muongozo wenu aseee
NB: am beginner on this issue


Nawasilisha🙏🏽

 

[mathsjery]

Nina uelewa mpana kidogo juu ya html na CSS ila ni mgeni kweny js na php

Kweny practice zangu upande wa forms hua natumia attribute ya required ili kufanya validation lakin naona kama sio unyama saana maana nataka n create alert yangu mwenyew pale form inapo fanyiwa submit pasipo kujazwa baadhi ya field

Naombeni muongozo wenu aseee
NB: am beginner on this issue


Nawasilisha🙏🏽

Njia ni nyingi, unaweza tengeneza error na success message kwa php kisha utaload as json object wakati unapo send request by using Ajax.




Njia nyingine tumia library special for validation Kama vile jQuery validate, formvalidator, parsley etc


Note: validate both side kwenye server na client

 

[Vontec]

Nina uelewa mpana kidogo juu ya html na CSS ila ni mgeni kweny js na php

Kweny practice zangu upande wa forms hua natumia attribute ya required ili kufanya validation lakin naona kama sio unyama saana maana nataka n create alert yangu mwenyew pale form inapo fanyiwa submit pasipo kujazwa baadhi ya field

Naombeni muongozo wenu aseee
NB: am beginner on this issue


Nawasilisha🙏🏽

Client-side form validation - Learn web development | MDN

It is important to ensure all required form controls are filled out, in the correct format, before submitting user entered form data to the server. This client-side form validation helps ensure data entered matches the requirements set forth in the various form controls.

developer.mozilla.org

JavaScript Form Validation | Different Types of JavaScript Form Validation

Guide to JavaScript Form Validation. Here we also discuss the things that need to be checked while doing form validation and types.

www.educba.com

 

[Flowerpot]

Ipe input class au id name
Kwenye JavaScript select iyo class au id
Mfano

//class
Const inputName = document.Queryselector('.inputName');

//id
Const inputName = document.Queryselector('#inputName');

function colorWarning() {
//value ya name isipomatch a-z au 0-9 au _ add class ya active
ambayo utaistyle kwa CSS

if (!inputName.value.match(/^[a-zA-Z0-9_]*$/)) {
inputName.classList.add("active");
}else {
inputName.classList.remove("active");
}
}

Weka border kuwa red jina linapo contain special characters kama %
CSS:
.inputName.active {
border: solid red 3px;
}

//Kwenye onkeyup weka function yako. User akitoa kidole kwenye key aliobonyeza function inaangalia kama
name lipo sahihi.

<input onkeyup="colorWarning()" type="text" class="inputName" placeholder="Ingiza jina lako" required>

 

[Quan Lup]

Tumia jquery