javascript - How to prevent redirection that occurs when pressing enter key in an input field? -


i have form input email.

<form action="." method="post">     <div id="email-wrapper">         <input type="text" placeholder="your email" name="email" ref="email" onchange={this.handlechange}/>     </div>     <span class="signup-error">please provide valid email.</span> </form> .... .... <button id="next-btn" onclick={this.saveandcontinue}>next</button>

when button pressed validate simple regex confirm email address, , working fine. however, if press enter (key=13), directs someother page , error see:

cannot post /

i thought script handle problem, didn't:

handlechange = (event) => {     event.preventdefault();     var keycode = event.keycode || event.which;     if (keycode == '13'){         console.log('enter pressed');     } }

what's going on? how can prevent redirection occurs when press enter key in input field? please me. thank you.

try handling onkeypress event. you'll need return false when enter key pressed in handlechange function. you'll need return return value in handlechange function in event wireup; 

<input type="text" onkeypress="return handlechange(event)" />

in all, can try:

<form action="." method="post">     <div id="email-wrapper">         <input type="text" placeholder="your email" name="email" ref="email" onkeypress={return this.handlechange(event)}/>     </div>     <span class="signup-error">please provide valid email.</span> </form> .... .... <button id="next-btn" onclick={this.saveandcontinue}>next</button>  <script>     handlechange = (event) => {         event.preventdefault();         var keycode = event.keycode || event.which;         if (keycode == '13'){             console.log('enter pressed');             return false;         }     } </script>

Comments

Post a Comment

Popular posts from this blog

jOOQ update returning clause with Oracle -

according http://www.jooq.org/doc/3.8/manual/sql-building/sql-statements/update-statement/ jooq doesn't support returning clause in update statements databases except firebird , postgres. does know, still correct oracle jooq? according oracle's documentation, oracle db supports returning clase delete, insert, or update statements. incorrect manual you're right - manual wrong , should fixed: https://github.com/jooq/jooq/issues/5470 single row update returning jooq 3.8 added support single row update .. returning statements. internally, uses callablestatement , pl/sql block of form: begin update "my_table" set "my_table"."column" = 'xyz' "my_table"."id" = 1 returning "my_table"."id", "my_table"."column" ?, ?; ? := sql%rowcount; end; the relevant issue is: https://github.com/jooq/jooq/issues/5190 multi row update returning a...
Read more

c# - Json.Net Serialize String from URI -

currently i'm using web request body of webpage strictly json. var request = webrequest.create("urihere"); string text; var response = (httpwebresponse)request.getresponse(); using (var sr = new streamreader(response.getresponsestream())) { text = sr.readtoend(); } now i've got string of json in variable i'm trying figure out how parse data. i'm attempting use json.net below: user primaryuser = new models.user(); primaryuser.fullname = "test"; jsonserializer serializer = new jsonserializer(); serializer.converters.add(new javascriptdatetimeconverter()); serializer.nullvaluehandling = nullvaluehandling.ignore; using (streamwriter sw = new streamwriter("filenamehere")) using (jsonwriter writer = new jsontextwriter(sw)) { serializer.serialize(writer, primary...
Read more

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

i have entity inherits other. on other hand, i'm using lombok project reduce boilerplate code, put @data annotation. annotation @data inheritance produces next warning: generating equals/hashcode implementation without call superclass, though class not extend java.lang.object. if intentional, add '@equalsandhashcode(callsuper=false)' type. is advisable add annotation @equalsandhashcode (callsuper = true) or @equalsandhashcode (callsuper = false) ? if not added, 1 callsuper=false or callsuper=true ? the default value false . 1 if don't specify , ignore warning. yes, recommended add @equalsandhashcode annotation on @data annotated classes extend else object. cannot tell if need true or false , depends on class hierarchy, , need examined on case-by-case basis. however, project or package, can configure in lombok.config call super methods if not direct subclass of object. lombok.equalsandhashcode.callsuper = call for configuration system ...
Read more