Question

这很可能是现有问题的重复。任何人都可以推荐Javascript或Jquery表单验证脚本，它提供以下内容。

错误文本可以放在页面的任何位置，而不仅仅是在球场旁边或下面。
错误消息文本应该在页面本身而不是隐藏在单独的js文件中 - 因为该页面将以多种语言提供。
脚本需要检查必填字段和有效电子邮件地址。（我想这是非常标准的）

通常我只使用asp.net附带的验证控件，但在这种情况下我不使用.net

干杯

编辑 - 这里的HTML。是的，我们正在尝试为旧网站添加新皮肤！

<form method="post">
<table>
<tr>
    <td class="td-right" valign="top">Name:</td>
    <td><input style="width:400px"  type="text" name="name" /></td>
</tr>
<tr>
    <td class="td-right" valign="top">Telefon:</td>
    <td><input style="width:400px"  type="text" name="telephone" /></td>
</tr>
<tr>
    <td class="td-right" valign="top">Email-Adresse:</td>
    <td><input style="width:400px"  type="text" name="from" /></td>
</tr>
<tr>
    <td class="td-right" valign="top">Thema:</td>
    <td><input style="width:400px"  type="text" name="subject" /></td>
</tr>
<tr>
    <td class="td-right" valign="top">Nachricht:</td>
    <td><textarea style="width:400px; height:200px"  name="message"></textarea></td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td><input class="button" type="submit" name="submit" value="senden" /></td>
</tr>
</table>
</form>

Answer 1

看一下这个例子......

 $("#f_valid").validate(
  {
      rules:
      {
          firstname:"required",
          address:"required",
          pin:
          {
              required:true,
              digits:true,
              minlength:6,
          },
           gender:"required",
           dob:
           {
              required:true,
              dateISO:true,
           },
           statename:"required",

           mobile:
           {
               required:true,
               digits:true,
               rangelength: [10, 12]
           },
          email:
          {
               required:true,
               email:true,
          },
          password:
          {
             required:true,
             minlength:6,
          },
          confirmpassword:
          {
            required:true,
            equalTo:'#pass'
          },
           keyskills:"required",
           course_done:"required",
           university:"required",
           yearof passing:
           {
             required:true,
             digits:true,
           },
            mark1:
            {
              required:true,
              digits:true,
            },

            photo:
            {
                required:true,
                extension:'jpg|png|gif',
            },
            resume:
            {
               required:true,
               extension:'txt|doc|docx|pdf',
            },
      },
      errorPlacement:function(error, element)
    {
        if($(element).attr("name")=="gender")
        {
            $(element).parent().append(error);
        }else
        {
        $(error).insertAfter(element);
        }   
    },

  });

jquery表单验证 - 错误消息位置

1 个答案: