[Hỏi đáp] Lấy value trong input và chèn vào textarea

Hỏi: Tình hình là méo có viết một đoạn html như sau:

Code:


<textarea class="thongdiepne" id="text_editor_textarea" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" wrap="virtual" style="width:99%"></textarea>
<div id="text_editor_textarea">
         <input type="text" id="tenforum"/>
         <input type="text" id="logoforum"/>
         <input type="text" id="linkforum"/>
         <input type="text" id="gioithieuforum"/>
</div>
<div class="kiemtratruoc"></div>


Cùng với js

Code:


$('.kiemtratruoc').click(function(){
  var a = $('#tenforum').val();
  var b = $('#logoforum').val();
  var c = $('#linkforum').val();
  var d = $('#gioithieuforum').val();
  $('.thongdiep').html('Tên forum: ' +a+ '
  Logo forum: ' + b + '
  Địa chỉ: ' + c + '
  Giới thiệu: ' + d + '
  ');
});


Mục đích là muốn ghi ghi vào các ô input thì khi click vào .kiemtratruoc, val trong input sẽ chèn vào trong textarea
Mà không biết nó sai chỗ nào
Mọi người giúp méo nhé :(

Đáp: https://devs.forumvi.com/t379-hoi-dap-lay-value-trong-input-va-chen-vao-textarea?showpost=p2393

1. Trùng Id
   
2. Sai Class
   
3. Thừa thông tin
   
4. Xuống dòng không đúng chỗ

HTML

Code:

<textarea id="text_editor_textarea" name="message" style="width:99%;height:180px"></textarea>
<div id="text_editor_input">
    <input type="text" id="tenforum" />
    <input type="text" id="logoforum" />
    <input type="text" id="linkforum" />
    <input type="text" id="gioithieuforum" />
    <input id="submit" type="submit" value="Send" />
</div>

Js

Code:

$("#submit").click(function () {
    $("#text_editor_textarea").html("Tên forum: " + $("#tenforum").val() + "\nLogo forum: " + $("#logoforum").val() + "\nĐịa chỉ: " + $("#linkforum").val() + "\nGiới thiệu: " + $("#gioithieuforum").val())
});

Ok luôn huynh, dữ dằn luôn :v :v :v
Rõ ràng là kiến thức của méo có vấn đề :s đợi thi lên lớp 10 xong rồi trau dồi lại :v

À mà méo muốn để cho nút gửi ẩn đi khi mem chưa nhập thông tin vào các input thì sao huynh? conditions cho cái empty méo không biết

Muốn thành viên không bỏ trống thì cách nhanh nhất là dùng attribute required cho input, với yêu cầu là phải dùng trong form.

HTML:

Code:

<form id="zzz" action="/post">
   <textarea id="text_editor_textarea" name="message" style="width:99%;height:180px"></textarea>
   <div id="text_editor_input">
      <input type="text" id="tenforum" required />
      <input type="text" id="logoforum" required />
      <input type="text" id="linkforum" required />
      <input type="text" id="gioithieuforum" required />
      <input id="submit" type="submit" value="Send" />
   </div>
</form>

Js:

Code:

$("#zzz").submit(function (event) {
   $("#text_editor_textarea").html("Tên forum: " + $("#tenforum").val() + "\nLogo forum: " + $("#logoforum").val() + "\nĐịa chỉ: " + $("#linkforum").val() + "\nGiới thiệu: " + $("#gioithieuforum").val());
   event.preventDefault();
});

méo thấy cái

Code:

event.preventDefault();

không cần thiết vì đã dùng required rồi, khi click mà chưa nhập hết input nó không cho chuyển trang, nếu cho đoạn preventDefault trên vào thì dù đã nhập hết rồi nó vẫn ngăn không cho chuyển trang :v

Anh chính là không cho nó chuyển trang đấy chứ, lâu nay mod nào cũng đòi ajax, không chuyển trang, thế mà giờ mình làm lại bị bắt bẽ, thật là không thể chiều lòng người mà -_-