要在表單提交時(shí)將后面的提示文字設(shè)置為紅色,你可以使用 jQuery 來動態(tài)修改提示文字的樣式。以下是一個(gè)示例代碼:
HTML:
html
<form id="myForm">
<input type="text" name="username" required>
<span class="error-message">請?zhí)顚懹脩裘?span id="wg0bxlw" class="hljs-tag"></span>
<button type="submit">提交</button>
</form>
CSS:
css
.error-message {
color: black; /* 默認(rèn)提示文字顏色 */
}
JavaScript:
javascript
$(document).ready(function() {
$("#myForm").submit(function(event) {
event.preventDefault(); // 阻止表單默認(rèn)的提交行為
var username = $("input[name='username']").val();
if (username === "") {
$(".error-message").css("color", "red");
} else {
$(".error-message").css("color", "black");
// 繼續(xù)提交表單的其他操作
// ...
}
});
});
在上面的代碼中,我們使用 `.submit()` 方法監(jiān)聽表單的提交事件,并阻止表單默認(rèn)的提交行為。然后,我們通過選擇器選取用戶名輸入框的值,并進(jìn)行判斷。如果用戶名為空,我們使用 `.css()` 方法將提示文字的顏色設(shè)置為紅色;否則,將提示文字的顏色設(shè)置為黑色。
請注意,`.css()` 方法用于修改元素的樣式。它接受兩個(gè)參數(shù),第一個(gè)參數(shù)是要修改的樣式屬性,第二個(gè)參數(shù)是要設(shè)置的值。
你可以根據(jù)實(shí)際需求修改選擇器和樣式屬性,以適應(yīng)你的表單結(jié)構(gòu)和樣式要求。
希望這可以幫助你實(shí)現(xiàn)在表單提交時(shí)將后面的提示文字設(shè)置為紅色。