下記のリンクにあるように、
「input要素やtextarea要素に文字が入力されたら有効になるリンクボタン」を実装したいです。
入力による有効になるリンクボタン
html
1<div class="demo2"> 2<input type="text" id="input2" autocomplete="off"> 3<button type="button" id="submit2" value="送信" disabled>送信</button> 4</div>
javascript
1window.addEventListener('DOMContentLoaded',function(){ 2document.getElementById('submit2').disabled = true; 3document.getElementById('input2').addEventListener('keyup',function(){ 4if (this.value.length < 2) { 5document.getElementById('submit2').disabled = true; 6} else { 7document.getElementById('submit2').disabled = false; 8} 9},false); 10document.getElementById('input2').addEventListener('change',function(){ 11if (this.value.length < 2) { 12document.getElementById('submit2').disabled = true; 13} 14},false); 15},false);
このHTMLコードを.pugに変換した場合、下記のようなコードになるのですが、
PUG
1.demo2 2 input#input2(type='text', autocomplete='off') 3 button#submit2(type='button', value='送信', disabled='') 送信 4
この時、
"#input2"、"#submit2"のようにid要素を設定する場合、
"#submit2#input2"のように続けて設定することはできないのでしょうか?
まだまだjavascript・HTMLを勉強したばかりなので、
わからないことが多いのですが、
あるbutton要素に対してid要素を絡ませたいのですが、
既に.pugコード上では上記の.pugコードの"#sumit2"のように別の"#"が設定されていて、追加でid要素を設定したいです。
また、
javascriptで記述しているwindow.addEventListenerは.pug内に記述することはできるのでしょうか?
どなたかお力添えいただきたいです!
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/08 17:02
2019/06/08 18:26
2019/06/09 02:48