在JavaScript中，在表单字段旁边打印文本。

11 浏览
0 Comments

在JavaScript中，在表单字段旁边打印文本。

我在这个任务上遇到了一些困难，希望能得到你的帮助。

我们需要创建一个产品注册表单页面，包括所有的正则表达式，并在正则表达式不匹配时显示正确的错误信息。

我试图在表单字段旁边打印一个勾号或写上"OK"，但是我无法找到正确的函数。

"请输入产品..."是由jquery激活的，使用带有onblur的slideUp和slideDown函数在文本字段上。

所以我想在你点击离开后在红色圆圈的位置显示OK，然后如果你将其更改为不匹配的内容，OK会消失，我的警告会出现。目前我的代码如下：

我的HTML表单：

 

  
请输入1-50个字符的产品名称。

我的CSS：

.p11 {
float: right;}

我的jQuery：

$(".name").focus(function(){
  $(".name-help").slideDown(500);
}).blur(function(){
  $(".name-help").slideUp(500);
});

然后是我的JavaScript：

    // 验证产品名称的函数
function validateProductName() {
    // 产品名称的if语句
    if (document.myForm.name.value.trim().search(pName) == -1) {
        alert("无效的产品名称。请注意：产品名称应为1-50个字符。");
    } else {
        document.getElementById("p1").innerHTML = "OK";
    }
}

所以，它会在字段之间打印出OK，但是我想让它显示在字段的旁边，就像我在图片中展示的那样，但是我无法实现！如果我返回表单并输入错误的内容，我希望它消失...

0