表单验证的Jquery验证示例

我对Jquery一无所知，因为我不知道如何使用Jquery验证表单字段，有人能给我看一个Jquery验证示例吗

这是我试图转换为jquery的代码

var x=document.forms["form1"]["org_id_no"].value;

if (x==null || x=="")
{
    alert("Must have an organisation id number");
    return false;
}

如何在jquery中编写代码？

试试以下方法：

$(document).ready(function() { 

    if($('form#login :input#logInUsername').val()=="")
    { 
       alert("Must have an organisation id number"); 
    }
});

---

假设org_id_no是元素的id。下面是相应的jQuery代码

var x = $('#org_id_no').val();
if(($.trim(x)).length == 0){
alert("Must have an organisation id number"); return false;
}

尝试：

$（函数（）{
$（'YoursubmitbuttonID'）.live（“单击”，函数（）{
validateForm（）；
});
});
函数validateForm（）
{
var x=document.forms[“myForm”][“组织id\U编号”].值；
如果（x==null | | x==“”）
{
警报（“必须有组织id号”）；
返回false；
}
}

---

不要忘记包含

.js

文件。

添加表单html代码并说明所有验证必须完成的操作。我建议在提交时调用表单验证脚本（这样，即使表单通过按返回键提交，也会验证表单）。我还将从回调中返回

validateForm

的结果，因此如果表单未验证，它将停止提交表单。

<script type="text/javascript">

$(function() {
   $('YoursubmitbuttonID').live("click",function(){
             validateForm();     
                });
 });


    function validateForm()
    {
    var x=document.forms["myForm"]["org_id_no"].value;
    if (x==null || x=="")
      {
      alert("Must have an organisation id number");
      return false;
      }
    }
</script >