Jquery:如何成功完成验证?

时间:2012-03-12 13:33:00

标签: javascript jquery-ui jquery jquery-plugins

我正在创建一个包含文本字段的简单表单。

这些文本字段使用Ajax保存在更改事件中。

我的问题是我想在更改事件之前验证(jquery)这些字段。

请帮忙。谢谢...... ..)

5 个答案:

答案 0 :(得分:1)

$('input').change(function(){
  vat retrn = validatethisfield();
if(retrn == false)
{
//show msg;
return false;
}

})

在此验证此字段函数中,进行验证并在无效数据时返回false ...

答案 1 :(得分:0)

blurfocusout

上进行验证

答案 2 :(得分:0)

或者在提交按钮上,使用 验证功能。

<input type="submit" value= "submit it" onclick= "javascript:return formvalidator()">

总是返回true 除非文本框是空的或具有那种性质的文本

function formvalidator(){
var test = true;

if($trim.$("#myTextField").val()) == " "){
alert('Empty!!');
test = false;
}

return test;
}

答案 3 :(得分:0)

有很多方法可以做到这一点,你可以随时使用插件,开始你可以学习你可以编写你的代码,这很容易学习你可以参考的链接之一就是这个....

它几乎涵盖了表单验证的所有方面:

link

答案 4 :(得分:0)

jQuery.ajax有一个beforeSend。您可以在此功能中进行验证。

$.ajax({
  url: '/some/path',
  beforeSend: function( xhr ) {
    // do your validations here
  },
  success: function( data ) {
    // handle success
  }
});

引用jquery的documentation

  

beforeSend(jqXHR,settings) - 预请求回调函数   可用于修改jqXHR(在jQuery 1.4.x中,XMLHTTPRequest)   对象在发送之前。用它来设置自定义标题等   jqXHR和设置映射作为参数传递。这是一个Ajax   事件。在beforeSend函数中返回false将取消   请求。从jQuery 1.5开始,将调用beforeSend选项   无论请求的类型如何。