Bootstrap 5.3.5 Die Schaltfläche Senden sendet nicht ⇐ CSS

[Anonymous]

Ich habe das folgende Formular :

Code: Select all

    



Submit


< /code>
Ich möchte den BTN-Submit < /code> deaktivieren /aktivieren, aber es scheint nicht zu funktionieren. Ich habe document.querySelector ausprobiert ('#sublect'). Disabled = false; 

Aber ohne Erfolg. Das :

Code: Select all

  

function stoppedTyping() {
var value = document.forms["chatForm"]["message"].value;
console.log(`stoppedTyping value: ${value}, length: ${value.length}`)
if(value.length > 0) {
$('#btn-submit').removeClass('disabled');
} else {
$('#btn-submit').addClass('disabled');
}
}
document.querySelector("#prompt").onblur = stoppedTyping();
// Select your input type file and store it in a variable
document.querySelector("#chatForm").addEventListener("submit", async (e) => {
e.preventDefault();
const prompt = document.querySelector("#prompt").value;
const image = document.querySelector("#image");
if (prompt.trim()) {
var form = new FormData();
form.append("prompt", prompt);
if (image && image.files.length && image.files[0]) {
//console.log(`Image name: ${image.files[0].name}, size: ${image.files[0].size}, type: ${image.files[0].type}`);
form.append("image", image.files[0]);
}// else
//console.log("No file selected!");
// Display the key/value pairs
/*for (var pair of form.entries()) {
console.log(pair[0]+ ', ' + pair[1]);
}*/
$('#btn-submit').addClass('disabled');
$("#submit").value = 'Processing...';
const response = await fetch('/invoke', {
method: 'POST',
//headers: { 'Content-Type': 'multipart/form-data' }, Do NOT declare Content-Type: multipart/form-data in request header
body: form
});
const data = await response.json();
console.log(JSON.stringify(data, null, 2))
const queryContainer = document.createElement('div');
queryContainer.innerHTML = `[b]You:[/b] ${prompt}`;
document.querySelector("#messages").appendChild(queryContainer);
var converter = new showdown.Converter();
const responseContainer = document.createElement('div');
responseContainer.innerHTML = `[b]Me:[/b]${converter.makeHtml(data.message)}
`;
document.querySelector("#messages").appendChild(responseContainer);
document.querySelector("#prompt").value = '';
document.querySelector("#image").value = '';
document.querySelector("#submit").value = 'Submit';
} else
console.error(`Invalid prompt!`);
});