Jquery plugins 驱动程序注册HTML表单的Jquery验证

Hi生成一个html，通过jquery提交而无需刷新。问题是我是初学者，不知道如何为html表单添加验证。我需要在脚本中进行更改，这样第一个表单将由jquery或ajax验证，然后由jquery提交，而不需要页面刷新。。请查看我的代码。请以第一种形式向我提供工作解决方案，通过ajax jquery验证，然后通过jquery提交，无需刷新。。提前谢谢

JQUERY：

<script type="text/javascript"> 
$(document).ready(function(){
    $("form#form").submit(function() {
    // we want to store the values from the form input box, then send via ajax below
var uno = $("#uno").val();
var name = $("#name").val();
var licence = $("#licence").val();
var email = $("#email").val();
var phone = $("#phone").val();
var dataString =  'uno=' + uno + '&name=' + name + '&licence=' + licence + '&email=' + email + '&phone=' + phone;


        $.ajax({
            type: "POST",
            url: "addd.php",
            data: dataString,
            success: function(){
                 $('form#form').hide(function(){$('div.success').fadeIn();});
            }
        });
    return false;
    });
});
</script>

$（文档）.ready（函数（）{
$（“表单”）提交（函数（）{
//我们希望存储表单输入框中的值，然后通过下面的ajax发送
var uno=$（“#uno”）.val（）；
var name=$（“#name”）.val（）；
风险值许可=$（“#许可”）.val（）；
var email=$（“#email”）.val（）；
var phone=$（“#phone”）.val（）；
var dataString='uno='+uno+'&name='+name+'&license='+license+'&email='+email+'&phone='+phone；
$.ajax({
类型：“POST”，
url:“addd.php”，
数据：dataString，
成功：函数（）{
$（'form#form'）.hide（function（）{$（'div.success'）.fadeIn（）；}）；
}
});
返回false；
});
});

HTML格式：

<form id="form" method="post" name="form" action=""> 
              <fieldset id="opt">

                        <legend>Driver Information</legend>

                        <label for="choice">Name : </label>
                        <input type="text" id="name" name="name" value=""> <br />
                        <label for="choice">Licence No : </label>
                        <input type="text" id="licence" name="licence" value=""> <br />
                        <label for="choice">Email : </label>
                        <input type="text" id="email" name="email" value=""> <br />
                        <label for="choice">Phone : </label>
                        <input type="text" id="phone" name="phone" value=""> <br />


                       <input type="hidden" name="uno" id="uno" value="" /> 
                        <br />
                         </fieldset>
                      <div align="center">

                       <input id="button2" type="submit" value="Add Driver" />  
                      <input id="button2" type="reset" />
                      </div>
                    </form>

驾驶员信息
姓名：


牌照号码：


电邮：


电话：

我在您的HTML表单上也发现了多个错误。我想提到其中一些

• 对于
  标签的
  属性

  具有与下一个输入/选择id相同的值，请阅读：

• 不要为

  name

  和

  id

  属性指定名称，这会误导用户。（良好做法）

• 如果没有任何输入框的初始值，请不要写入

  value=”“

• 如果你想验证一个隐藏的字段，那么在表单初始化时为它写一些值，否则它总是空的，你的验证永远不会起作用
• 如果要同时验证所有输入字段是否为空，请使用

  ：input

  选择器，阅读：

• 别忘了验证电子邮件地址

• 如果您想通过ajax发布表单，则无需在表单中编写

  方法

  和

  操作

  属性
• 您的重置按钮应该有一些值，否则它将采用默认值

---

这是一篇非常有用和方便的文章，适合jqueryajax验证的新手

或者您可以使用jquery验证程序插件：

这是你整洁的表格

<form id="driverForm" name="driverForm"> 
    <fieldset id="opt">
        <legend>Driver Information</legend>
        <label for="lname">Name : </label>
        <input type="text" id="lname" name="lname" > <br />
        <label for="licence">Licence No : </label>
        <input type="text" id="licence" name="licence" ><br />
        <label for="email">Email : </label>
        <input type="text" id="email" name="email" ><br />
        <label for="phone">Phone : </label>
        <input type="text" id="phone" name="phone" > <br />
        <input type="hidden" name="uno" id="uno"  /><br />
    </fieldset>
    <div align="center">
        <input type="submit"  id="submitForm" name="submitForm" value="Add Driver" />  
        <input type="reset" value="clear" />
    </div>
</form>

注意：不要手动创建

dataString

jQuery中有内置函数

请注意，这与您是否提交表格无关。最重要的是它是否是一个有效的形式

---

很乐意提供帮助：）

您的html表单中也存在多个错误。。不管怎样，告诉我你想验证所有表单输入字段吗？嗨，我的表单与JQUERY配合得很好。。我只想用当前的jquery脚本初始化验证。。要验证姓名许可证，请不要使用电子邮件和电话。在提交表格之前。。。当我使用jquery提交表单时，表单工作正常，它的提交没有刷新，数据插入mysql。。问题只是我不知道我必须把验证代码放在脚本中的什么地方，该脚本验证表单，如果验证返回true，那么表单将通过$.ajax提交。。。我需要像那样（我是初学者，所以我理解不了这么复杂的代码，所以如果可能的话，为我提供上面脚本的工作代码示例）@user我想你不担心你的HTML错误。这真是。。。。无论如何，请看我的更新部分。这将有助于美国。感谢感谢汉克斯帮助我。我将测试它，如果需要更多帮助，请返回给您：）

$("form").submit(function() {
if($('#lname').val() == '')
            return false;
});

$.ajax({