javascript - summernote textarea with attribute required does not work -


i using wysiwyg editor summernote.

ich have textarea

<textarea name="data[text][text]" rows="3" class="form-control" autofocus="autofocus" cols="30" id="texttext" required="required"></textarea>

and javascript 

$(document).ready(function() {    $('#texttext').summernote({      height: 250,      toolbar: [        ['style', ['bold', 'italic', 'underline', ]],        ['para', ['ul', 'ol', 'paragraph']],      ]    });  });

as can see the textarea has attribute required, after apply summernote textarea, submitting empty form throws javascript message in chrome :

an invalid form control name='data[text][text]' not focusable.

firefox not throw error don't show input required

how can force summernote keep required attribute?

i cannot found doc adding attribute required easiest way add event form , check if editor isempty , don't forget remove required attribute textarea

$(document).ready(function() {    $('#texttext').summernote({      height: 250,      toolbar: [        ['style', ['bold', 'italic', 'underline', ]],        ['para', ['ul', 'ol', 'paragraph']],      ]    });  });    $('#myform').on('submit', function(e) {        if($('#texttext').summernote('isempty')) {      console.log('contents empty, fill it!');        // cancel submit      e.preventdefault();    }    else {      // action    }  })
<!-- include libraries(jquery, bootstrap) -->  <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>  <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>    <!-- include summernote css/js-->  <link href="//cdnjs.cloudflare.com/ajax/libs/summernote/0.8.7/summernote.css" rel="stylesheet">  <script src="//cdnjs.cloudflare.com/ajax/libs/summernote/0.8.7/summernote.js"></script>    <form action="/action_page.php" id="myform">    <textarea name="data[text][text]" rows="3" class="form-control" autofocus="autofocus" cols="30" id="texttext"></textarea>    <input type="submit">  </form>


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more