Can not check blank selection field while submitting form using PHP and Javascript -

-

i have 1 issue while submitting form can not check blank selection field.i explaining code below.

addcomplain.php:

    <form name="billdata" id="billdata"  enctype="multipart/form-data" method="post" onsubmit="javascript:return checkform();">        <div class="input-group bmargindiv1 col-md-12">         <span class="input-group-addon ndrftextwidth text-right" style="width:180px"> name :</span>          <input type="text" name="u_name" id="name" class="form-control" placeholder="add name" onkeypress="clearfield('name');">         </div>          <div class="input-group bmargindiv1 col-md-12">         <span class="input-group-addon ndrftextwidth text-right" style="width:180px">email :</span>         <input type="email" name="u_email" id="emailid" class="form-control" placeholder="add email id" onkeypress="clearfield('emailid');">          </div>         <div class="input-group bmargindiv1 col-md-12">          <span class="input-group-addon ndrftextwidth text-right" style="width:180px">type of complaint      :</span>         <select class="form-control"  id="compleant" name="complaintype" onchange="javascript:checkcomfield();">          <option value="">select types of complaint</option>          <option value="card">card related</option>          <option value="claim">claim related</option>          <option value="product">product related</option>          <option value="premimum">premimum related</option>         </select>         </div> <input type="submit" class="btn btn-success" name="complainsubmit"  id="addprofiledata" value="add"/>     </form> <script>     function checkform(){         var s=document.billdata;         console.log('compalin',s.complaintype.value=='');         if(s.u_name.value==''){             alert('please enter name');             s.u_name.focus();             s.u_name.style.bordercolor = "red";             return false;         }else if(s.u_email.value==''){             alert('please enter email');             s.u_email.focus();             s.u_email.style.bordercolor = "red";             return false;         }else if(! validateemail(s.u_email.value)){             alert('please enter valid email');             s.u_email.focus();             s.u_email.style.bordercolor = "red";             return false;         }else if(s.complaintype.value==''){             alert('please select type of complain');             s.complaintype.focus();             s.complaintype.style.bordercolor = "red";             return false;         }else{         }     } </script>

here problem when have value in name , email field , no value select selection field, clicking on add button form submitting blank selection field can not check.here need check blank field before submit.please me.

i checked code. throwing errors in console. functions clearfield , validateemail not defined. commented out these functions , working fine.

here demo same.

you can add functions clearfield , validateemail , check afterwards code working or not.

in demo have added these functions , working fine.


Comments

Post a Comment

Popular posts from this blog

SVG stroke-linecap doesn't work for circles in Firefox? -

-
i've got problem svg stroke-linecap attribute. i've got circular progress bar in angularjs , set outer circle (blue one) have rounded "ends". @ fiddle . <svg ... height="130" width="130"> <!-- ngif: background --> <circle ... ng-if="background" fill="#fff" class="ng-scope" stroke-width="13" stroke="#cc3399" r="57.5" cy="65" cx="65" stroke-linecap="round" /> <!-- end ngif: background --> <circle ... fill="none" stroke-dashoffset="36.12831551628261" stroke-dasharray="361.28315516282623" stroke-width="13" stroke="#432db3" stroke-linecap="round" r="57.5" cy="65" cx="65" transform="rotate(-89.9, 65, 65)" /> </svg> how can that? ...
Read more

routes - Laravel 4 Wildcard Routing to Different Controllers -

-
realizing i'm going take beating this, have several questions "best practices" when constructing laravel route. do laravel routes run "first come first serve" top bottom? if route found, pass control controller (or perform action) , terminate? i have part of application acts url shortner. so, route looks this: route::get('/{id}', array('as' => 'home.text', 'uses' => 'homecontroller@text'), function($id){ //make sure id exists before pushing controller. if (storage::where('shortcode','=', $id)->count() > 0) { // route found } }); how can improved? one, i'm not sure how pass processing on controller conditionally.. sort of controller::make() ..? 3) there better way in laravel check if record exists versus doing mode::where('column','=','value')->count() 4) have legacy urls http://url.com/?...
Read more

cross browser - XSLT namespace-alias Not Working in Firefox or Chrome -

-
i transforming xhtml xhtml, need xslt stylesheet part of resulting document (the stylesheet contained in <script type"text/template"> element. using the xsl:namespace-alias instruction, works fine in ie, fails in both chrome , firefox. here relevant code: <xsl:output doctype-system="about:legacy-compat" omit-xml-declaration="yes" indent="yes" method="html" media-type="application/xhml" encoding="utf-8"/> <xsl:namespace-alias stylesheet-prefix="wxsl" result-prefix="xsl" /> <xsl:template match="head"> <!-- code omitted clarity --> <script type="text/template"> <wxsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns="http://www.w3.org/1999/xhtml" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:eli="local"> ...
Read more