javascript - without alert message how to display the error message in below text filed in a form -


how display error message in below text field, below shown script , form without alert message?

script

success: function (data)                                 {                                     scrolldown();                                      var message = $("#messagee").val();                                        if(message == "" || message == null){                                           alert("enter message");                                        }                                     else {                                         $('#chat_log').append('<div class="row msg_container base_receive"><div class="col-md-12 col-xs-12"><div class="messages msg_receive"><p><a>' + message + '</a></p></div></div></div>');                                         $('#messagee').val('');                                     }                                 },

form

<form class="form-horizontal msg_fixed_bottom send_message_form" id="data_form" method="post" role="form" action="#" onsubmit="return validation();">      <div class="panel-footer" id="myform" >          <div class="input-group submit_group">              <input id="messagee" name="messagee" type="text" class="form-control input-sm chat_input" placeholder="write message here..." value="<?php echo set_value('messagee'); ?>" />                <span class="input-group-btn">                  <button class="btn btn-primary btn-sm" id="submit" name="submit">send</button>              </span>          </div>

you can add hidden div after input , show if have errors.

html :

<div class="panel-footer" id="myform" >         <div class="input-group submit_group">          <input id="messagee" name="messagee" type="text" class="form-control input-sm chat_input" placeholder="write message here..." value="<?php echo set_value('messagee'); ?>" />          <div id="errors" style="display:none;"></div>            <span class="input-group-btn">              <button class="btn btn-primary btn-sm" id="submit" name="submit">send</button>          </span>      </div>

js : 

    success: function (data)                             {                                 scrolldown();                                  var message = $("#messagee").val();                                    if(message == "" || message == null){                                         $("#errors").html("enter message");                                       $("#errors").fadein();                                    }                                 else {                                     $('#chat_log').append('<div class="row msg_container base_receive"><div class="col-md-12 col-xs-12"><div class="messages msg_receive"><p><a>' + message + '</a></p></div></div></div>');                                     $('#messagee').val('');                                 }                             },

don't forget hide , empty div @ beginning of validation() function (before ajax call): 

function validation() {     $("#errors").fadeout();    $("#errors").html("");     $.ajax({      ...      })  }

Comments

Post a Comment

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

while performing simple hover test on firefox through selenium (3.4.0) python bindings (3.4.3) using of available os in saucelabs (except linux, latest available firefox version old), performing following actionchain: hover = actionchains(driver) hover.move_to_element(elm_men_menu).perform() it throws following error: taceback: file [...] in testhover hover.perform() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 80, in perform action() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 290, in <lambda> command.move_to, {'element': to_element.id})) file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/remote/webdriver.py", line 256, in execute self.error_handler.check_response(response) file "/usr/local/lib/python2.7/...
Read more

html - How to custom Bootstrap grid height? -

why bootstrap grid has height 591.067 ? did height came ? .main-post { padding: 20px; background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 100px; } .main-post .post-categories { margin-bottom: 10px } .main-post h3 { margin: 0 0 10px; color: #777; letter-spacing: -1px; font-weight: bold } .main-post .post-author, .main-post .post-date, .main-post .post-comments { font-size: 12px } .main-post img { display: block; margin: 10px 0; } .main-post .post-summary { line-height: 1.7; color: #888 } .main-post { color: #999 } <div class="col-sm-6"> <div class="main-post"> <h3 class="post-title"> <a href="#"> post title </a> </...
Read more

transpose - Maple isnt executing function but prints function term -

im using maple im in worksheetmode tried using maple input , 2d input , want transpose matrix a: := `<|>`(`<,>`(1, .5, -2), `<,>`(.5, 9/4+b, 5+3*b), `<,>`(-2, 5+3*b, 18+9*b+4*a)); b:= transpose(a); when exectute sheet dont translated values, there same input. matrix looks same input matrix plus function term. you can see picture in following link: why arent functions executed? meanwhile b:=a^+ doing right way , transposed matrix. other functions return function body instead needed values... if using 2d input mode (the default) space you've got between transpose , bracketed (b) interpreted multiplcation. rid of such space. also, either load package @ start of document like, with(linearalgebra): before calling transpose command package, or call it's full name like, linearalgebra:-transpose(b);
Read more