js 清除全部，验证空值，阻止提交

最新推荐文章于 2025-07-19 19:20:04 发布

weixin_30731287

最新推荐文章于 2025-07-19 19:20:04 发布

阅读量73

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fcq121/archive/2013/01/31/2886400.html

本文提供了一个JavaScript代码示例，用于在输入框为空时阻止提交，并改变边框颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

///clear value in textbox
function clearControlValueForm() {
$(':input:text').not(':button, :submit, :reset, :hidden')
.val('').removeAttr('selected').css("border", "");
}

///validate the empty value in textbox ,if has empty value ,prevent submit
$(document).ready(
function () {
$("input:submit").click(function () {
var isSubmit = true;
if (this.value != "Cancel" && this.value != "Previous") {
$("input:text").each(
function () {
if (this.value == "" && this.id.indexOf('Cat3') < 0 && this.id.indexOf('Cat4') < 0 && this.id.indexOf('Levels') < 0) {
this.style.border = "1px solid red";
isSubmit = false;
}
});
}
if (!isSubmit) {
// alert('Can not be null with "*"');
return isSubmit;
}
});
}
);

///monitor the value in textbox ,change the borderColor
$(document).ready(
function () {
$("input:text").change(
function () {
if (this.style.border == "1px solid red" && this.value != "") {
$(this).css("border", "")
}
}
)
}
);

新人，有问题请不惜赐教

转载于:https://www.cnblogs.com/fcq121/archive/2013/01/31/2886400.html