JavaScript Form Validation Help - {Big Help}

Wild-EYE · Feb 5, 2015

මචංලා මෙන්න මගේ Form එක

<form name="myForm" onsubmit="return(validate());" method="post" action="message.php">
<p><label for="name">Name:</label>
<input class="textbox" name="yrname" type="text" id="name" value="" />
</p>
<p><label for="e-mail">E-mail:</label> <input class="textbox" type="text" id="e-mail" name="email" /></p>
<p><label for="website">Phone:</label> <input class="textbox" type="text" id="phone" name="phone"/></p>

<p><label for="message">Message:</label> <textarea class="textarea" name="message"></textarea>
<p class="submit"><input type="submit" value="Submit" /><input type="reset" value="Clear" /></p>
</form>

මෙන්න මගේ Validation ටික

<script type="text/javascript">

function validateEmail()
{

var emailID = document.myForm.email.value;
atpos = emailID.indexOf("@");
dotpos = emailID.lastIndexOf(".");
if (atpos < 1 || ( dotpos - atpos < 2 ))
{
alert("Please enter correct email ID")
document.myForm.email.focus() ;
return false;
}
return( true );
}

function validate()
{
if( document.myForm.yrname.value == "" )
{
alert( "Please Provide your Name!" );
document.myForm.yrname.focus() ;
return false;
}
if( document.myForm.email.value == "" )
{
alert( "Please provide your Email!" );
document.myForm.email.focus() ;
return false;
}else{
// Put extra check for data format
var ret = validateEmail();
if( ret == false )
{
return false;
}
}
if( document.myForm.message.value == "" )
{
alert( "Please provide your Message !" );
document.myForm.message.focus() ;
return false;
}
}

</script>

දැන් මෙන්න මේකයි seen එක__ මං javascript ගැන මෙලෝ දෙයක් දන්නේ නැ එත් මට ඕන මේ Form එක Validate වෙනකොට එන Alert Box එකට මෙන්න මේ වගේ design ටිකක් දාන්න

Code:

http://tristanedwards.me/sweetalert

කරුණාකරලා දන්න කෙනෙක් ඉන්නවානම් උදව් කරනවද__ අනිත් අය Bump එකක්වත් දෙන්නෝ...

mAjIc hAt · Feb 5, 2015

දන්නෑ බං ඉඳා බම්ප් ඉක්මනට වැඩේ අහවර කොරගනින්

Wild-EYE · Feb 5, 2015

mAjIc hAt said:
දන්නෑ බං ඉඳා බම්ප් ඉක්මනට වැඩේ අහවර කොරගනින්

kolavari · Feb 5, 2015

mulinma ube javascript code ekata kalin machan ara library eka include karaganain...

ita passe oyage validation code eke;

alert( "Please provide your Message !" );

wenuwata;

sweetAlert("Oops...", "Something went wrong!", "error");

kiyala replace karanna :yes:

mama js ekanam check kare na oyage..onanam daala test karala kiyannam..

darshana3g · Feb 5, 2015

Machan mehemai udinma sweetalert library eka download karala site eke thiyena widihata reference karapan
<script src="lib/sweet-alert.min.js"></script> <link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

Ita passe alert('') wenuwata swal('') kiyana eken replace karapan

me link eke okata adala eka dala thiyenawa wenasa thiyenne css file ekai js file ekai CDN ekak haraha reference karala thiyenawa

http://jsbin.com/ruqotorawe/1/edit?html,output

Wild-EYE · Feb 5, 2015

kolavari said:
mulinma ube javascript code ekata kalin machan ara library eka include karaganain...

ita passe oyage validation code eke;

alert( "Please provide your Message !" );

wenuwata;

sweetAlert("Oops...", "Something went wrong!", "error");

kiyala replace karanna

mama js ekanam check kare na oyage..onanam daala test karala kiyannam..

darshana3g said:
Machan mehemai udinma sweetalert library eka download karala site eke thiyena widihata reference karapan
<script src="lib/sweet-alert.min.js"></script> <link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

Ita passe alert('') wenuwata swal('') kiyana eken replace karapan

me link eke okata adala eka dala thiyenawa wenasa thiyenne css file ekai js file ekai CDN ekak haraha reference karala thiyenawa

http://jsbin.com/ruqotorawe/1/edit?html,output

ගොඩක් Thanks මචංලා මං බලලා කියන්නම්

radiax · Feb 5, 2015

machan issella ara site eken dena files tika download karala ube files tiyena place eke save kara ganna (links hariyata tiyenna one)

eta passe form eka tiyena page eke js and css file eka call karanna.

<script src="lib/sweet-alert.min.js"></script>
<link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

eta passe ube alert eka dena thena mehema change karanna

if( document.myForm.message.value == "" )
{
sweetAlert("Oops...", "Please Enter message!", "error");
document.myForm.message.focus() ;
return false;
}
}

wede hari yanna one.

mama oya message eka tiyena thenata vitarai hadala tiyenne. anith then walatath daganna

Wild-EYE · Feb 5, 2015

kolavari said:
mulinma ube javascript code ekata kalin machan ara library eka include karaganain...

ita passe oyage validation code eke;

alert( "Please provide your Message !" );

wenuwata;

sweetAlert("Oops...", "Something went wrong!", "error");

kiyala replace karanna

mama js ekanam check kare na oyage..onanam daala test karala kiyannam..

darshana3g said:
Machan mehemai udinma sweetalert library eka download karala site eke thiyena widihata reference karapan
<script src="lib/sweet-alert.min.js"></script> <link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

Ita passe alert('') wenuwata swal('') kiyana eken replace karapan

me link eke okata adala eka dala thiyenawa wenasa thiyenne css file ekai js file ekai CDN ekak haraha reference karala thiyenawa

http://jsbin.com/ruqotorawe/1/edit?html,output

radiax said:
machan issella ara site eken dena files tika download karala ube files tiyena place eke save kara ganna (links hariyata tiyenna one)

eta passe form eka tiyena page eke js and css file eka call karanna.

eta passe ube alert eka dena thena mehema change karanna

wede hari yanna one.

mama oya message eka tiyena thenata vitarai hadala tiyenne. anith then walatath daganna

ගොඩක් Thanks මචංලා වැඩේ ගොඩ දන්නවනම් ලංකාවේ Phone Numbers Validate කරන විදියත් කියලා දෙනවද ලොකු උදව්වක්

rooshan2008 · Feb 5, 2015

Code:

http://jqueryvalidation.org/

meka dapan validate karanda

umbata wada wenda oni ne

Wild-EYE · Feb 5, 2015

rooshan2008 said:
Code:

http://jqueryvalidation.org/

meka dapan validate karanda umbata wada wenda oni ne

Thanks Bro

kolavari · Feb 5, 2015

Wild-EYE said:
ගොඩක් Thanks මචංලා වැඩේ ගොඩ දන්නවනම් ලංකාවේ Phone Numbers Validate කරන විදියත් කියලා දෙනවද ලොකු උදව්වක්

Code:

var phone_num = document.myForm.phone.value
if( phone_num != "" )
{
    if (phone_num.length > 11)
  {
     alert("Phone number should have 10 digits");
     return false;
  }
  if (phone_num.charAt(0)!="9")
  {
      alert("Phone number should start with 9");
      return false;
  }
}else{
//alert( "Please Provide your Name!" );
sweetAlert("Oops...", "Please Enter your phone", "error");
document.myForm.yrname.focus() ;
return false;
}

lankawe numbers kiyala adahas kare monawada?

Wild-EYE · Feb 5, 2015

kolavari said:

Code:

var phone_num = document.myForm.phone.value
if( phone_num != "" )
{
    if (phone_num.length > 11)
  {
     alert("Phone number should have 10 digits");
     return false;
  }
  if (phone_num.charAt(0)!="9")
  {
      alert("Phone number should start with 9");
      return false;
  }
}else{
//alert( "Please Provide your Name!" );
sweetAlert("Oops...", "Please Enter your phone", "error");
document.myForm.yrname.focus() ;
return false;
}

lankawe numbers kiyala adahas kare monawada?

නැ මචං මං බැලුවේ Service Providers ලා ගොඩක් ඉන්න නිසා... (dialog 077 mobitel 071) එත් provincel code එක වෙනස් නිසා වැඩේ අවුල් නේද

Wild-EYE · Feb 5, 2015

sudu hawa said:
bump

hiphoprock said:
bump

kolavari · Feb 5, 2015

Wild-EYE said:
නැ මචං මං බැලුවේ Service Providers ලා ගොඩක් ඉන්න නිසා... (dialog 077 mobitel 071) එත් provincel code එක වෙනස් නිසා වැඩේ අවුල් නේද

ehema awulak wenne na ban..mama oya wage ekak kara..php walin habai.mata dan mathaka naha..me wage seen ekak kare..mama rougly kiyannam karapu de :yes:

array ekak gahuwa service providers la ge codes walin..ita passe user input karana eka balanawa e array eke thiyenawada kiyala..naththam invalid ekak widihata gannawa..

Ex:

var providers = Array(071, 072, 077, 076, 011);

if ( substring(phone_number, 0, 3) Not in providers ):
print 'error'
else:
print 'valid'

me wage scene ekak karanna puluwan :yes:

codes nam hari ewa nemei..idea eka araganna..codes nam hoyala gahana eka maha deyak nemeine...

Wild-EYE · Feb 5, 2015

kolavari said:
ehema awulak wenne na ban..mama oya wage ekak kara..php walin habai.mata dan mathaka naha..me wage seen ekak kare..mama rougly kiyannam karapu de

array ekak gahuwa service providers la ge codes walin..ita passe user input karana eka balanawa e array eke thiyenawada kiyala..naththam invalid ekak widihata gannawa..

Ex:

var providers = Array(071, 072, 077, 076, 011);

if ( substring(phone_number, 0, 3) Not in providers ):
print 'error'
else:
print 'valid'

me wage scene ekak karanna puluwan codes nam hari ewa nemei..idea eka araganna..codes nam hoyala gahana eka maha deyak nemeine...

හ්ම්ම්ම් එත් මචං mobile numbers ටිකයි (077, 071, ....) land line (091, 011, 045....) ඔය ඔක්කොම දෙන්න ගියොත් වැඩේ දිග වැඩි වෙනවා නේද

kolavari · Feb 5, 2015

Wild-EYE said:
හ්ම්ම්ම් එත් මචං mobile numbers ටිකයි (077, 071, ....) land line (091, 011, 045....) ඔය ඔක්කොම දෙන්න ගියොත් වැඩේ දිග වැඩි වෙනවා නේද

mata amathaka una machan..mama oka kare sms verification seen ekakata..ethakota mobile number witharai allow kare..ekai array eke thiyena ewa witharak baluwe..ekai seen eka..owa ohoma area code ekak nam amarui..ohoma number verificaition samanyen karanne na machan ochara durata...

ehema karanna tharam sensitive information collect karanne naththam okata ochara mahansi wennepa :yes:

Wild-EYE · Feb 6, 2015

kolavari said:
mata amathaka una machan..mama oka kare sms verification seen ekakata..ethakota mobile number witharai allow kare..ekai array eke thiyena ewa witharak baluwe..ekai seen eka..owa ohoma area code ekak nam amarui..ohoma number verificaition samanyen karanne na machan ochara durata...

ehema karanna tharam sensitive information collect karanne naththam okata ochara mahansi wennepa

එළ මචං මං කලින් විදියට කරන්නම්

Radioactive · Feb 6, 2015

දැන් වැඩේ හරිද?

Wild-EYE · Feb 6, 2015

මචංලා____

http://tristanedwards.me/sweetalert

මේක PHP file වලටත් add කරන්න පුලුවන්ද

echo ("<SCRIPT LANGUAGE='JavaScript'>
window.location.href='contact_us.html';
window.alert('Your Message Sent Successfully!')
</SCRIPT>");
}

Wild-EYE · Feb 6, 2015

Radioactive said:
දැන් වැඩේ හරිද?

හරි කියන්න බැ මචං එකක් හදනකොට තව මොකක් හරි හදන්න හිතෙනවා

JavaScript Form Validation Help - {Big Help}

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Member

Well-known member

Well-known member

Similar threads