jquery - How to force user to input value in javascript prompt? -


i have jquery code, open prompt box. problem whether user inputs value in or not, still proceeds code if user click ok. there anyway force user input value in, click ok else can not click ok button.

here tried did not work.

$(function() { $(".adminapprovepost").click(function(){ var id = $(this).attr("id"); var tag = prompt("you must enter 1 keyword approve post"); if(tag!=null) {   $.ajax({   type: "post",   url: "/admin/admin-approve-post.php",   data: {id:id,tag:tag},    success: function(){    }   });  $(this).parents(".postrecord").animate({ backgroundcolor: "#fbc7c7" }, "fast") .animate({ opacity: "hide" }, "slow"); } return false; }); });

it should work this:

$(function() {     $(".adminapprovepost").click(function(){         var id = $(this).attr("id");         var proceed = true;         while(proceed) {             tag = prompt("you must enter 1 keyword approve post");             if (typeof(tag) == "string") {                 tag = tag.trim()                 if (tag!="")) {                     proceed = false;                 }             }             if (tag===null) {                 proceed = false;             }         }         if(tag!=null)         {             $.ajax({                 type: "post",                 url: "/admin/admin-approve-post.php",                 data: {id:id,tag:tag},                 success: function(){                 }             });             $(this).parents(".postrecord").animate({ backgroundcolor: "#fbc7c7" }, "fast")             .animate({ opacity: "hide" }, "slow");         }         return false;     }); });

edit: user can click 'cancel'. , should work. (i hope…)


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more