如何使用jquery进行数据验证？

请指导我…如何使用onkeyup进行数据验证。例如，当元素的焦点丢失并显示错误消息时，您可以尝试检查模糊事件上的每个输入字段

为每个输入添加一个id或一个类 为每个idor类的document.ready事件添加事件处理程序

---

我建议您将事件更改为onblur，而不是keyup。不管怎样，这都符合你的要求。它将是下面的东西

试试这个代码

$document.readyfunction{ $n.keyup函数{ 如果$n.val=={ $n.css背景色，红色； } } }; 输入您的姓名： 在上面的输入字段中输入您的姓名。它将在“向下键”和“向上键”上更改背景色

试试这个

$function{ $'.inputField'。在“模糊”函数上{ 如果$this.val=={ $this.parent'.inputFieldParent'.find'.req'.show； }否则{ $this.parent'.inputFieldParent'.find'.req'.hide； } }; }; .req{ 颜色：红色； 显示：无； } 姓名： 必修的 电话：必选 电子邮件：必选 地点：必选 要求： 必修的

---

理想的方法是处理submit事件并在submit事件中运行验证逻辑。使用占位符显示验证消息。 例如：

步骤1：为所有html元素声明一个id，并为验证消息声明一个占位符

<form method="post" action="#">
            <div><label>Name :</label><input type="text" name="name" required="required"></div>
            <div><label>Phone :</label><input type="number" name="number" required="required"></div>
            <div><label>Email :</label><input type="email" name="email" required="required"></div>
            <div><label>Location :</label><input type="text" name="locaton" required="required"></div>
            <div class="wid100"><label>Requirement :</label><textarea rows="5" required="required"></textarea></div>
            <input type="submit" value="SEND" class="submit">
        </form>

您需要使用keyup和focusout事件来触发和执行实时验证：

$'input'。在'keyup focusout'上，函数{ $this.removeClass'error'； 如果$.trim$this.val=={ $this.addClass'error'； } }; 输入错误{ 边框：1px实心d00； } 姓名： 电话： 电邮： 地点： 要求：

    <div>
      <label>Name :</label>
      <input type="text" name="name" id="name" required="required">
    <span id="validationmessage_name" style="color:red;display:none">This field is required.</span>
    </div>
<input type="submit" value="SEND" class="submit" id="submitForm">

$("#submitForm").submit(function(e){
  var isValid =true;
if($("#name").val() == '') 
{
    $("#validationmessage_name").show().fadeOut( 5000 );
    isValid=false;
}
//The below code will not submit the form if validation fails.                      
 if(!isValid){
                e.preventDefault();
            }
});