Javascript jQuery验证-成功后致电我们提交？
好的，所以我基本上只是使用了jquery网站上的jquery验证phone US插件的例子——它看起来可以工作（有一些帖子没有） 我的问题是，我如何在成功后真正“提交”表单？很明显，我对jQuery和Javascript基本上是相当陌生的。对于没有插件的普通jQuery验证，它看起来相当简单——但我不确定具体如何做。代码如下：Javascript jQuery验证-成功后致电我们提交？,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,好的，所以我基本上只是使用了jquery网站上的jquery验证phone US插件的例子——它看起来可以工作（有一些帖子没有） 我的问题是，我如何在成功后真正“提交”表单？很明显，我对jQuery和Javascript基本上是相当陌生的。对于没有插件的普通jQuery验证，它看起来相当简单——但我不确定具体如何做。代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/lib/jquery.delegate.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<script type="text/javascript">
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});;
</script>
<script>
$(document).ready(function(){
jQuery.validator.addMethod("phoneUS", function(phone_number, element) {
phone_number = phone_number.replace(/\s+/g, "");
return this.optional(element) || phone_number.length > 9 &&
phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/);
}, "Please specify a valid phone number");
$("#testinput").validate({
rules: {
field: {
required: true,
phoneUS: true
}
}
});
});
</script>
<style>#field { margin-left: .5em; float: left; }
#field, label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; }
br { clear: both; }
input { border: 1px solid black; margin-bottom: .5em; }
input.error { border: 1px solid red; }
label.error {
background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
padding-left: 16px;
margin-left: .3em;
}
label.valid {
background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
display: block;
width: 16px;
height: 16px;
}
</style>
</head>
<body>
<form id="testinput" action="http://transworldmx.com">
<label for="field">Required, us phone number: </label>
<input class="left" id="field" name="field" />
<br/>
<input type="submit" value="Validate!" />
</form>
</body>
</html>
jQuery.validator.setDefaults({
是的，
成功：“有效”
});;
$（文档）.ready（函数（）{
jQuery.validator.addMethod（“phoneUS”，函数（phone\u编号，元素）{
电话号码=电话号码。替换（/\s+/g，“”）；
返回此。可选（元素）| |电话号码。长度>9&&
电话号码。匹配（/^（1-？）？（\（[2-9]\d{2}\）|[2-9]\d{2}）-？[2-9]\d{2}-？\d{4}$/）；
}，“请指定有效的电话号码”）；
$（“#测试输入”）.validate({
规则：{
字段：{
要求：正确，
真的吗
}
}
});
});
#字段{margin left:.5em；float:left；}
#字段，标签{float:left；字体系列：Arial，Helvetica，无衬线；字体大小：small；}
br{clear:两者；}
输入{边框：1px纯黑色；边距底部：.5em；}
input.error{边框：1px实心红色；}
标签错误{
背景：url（'http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif")不重复;；
左侧填充：16px；
左边缘：.3em；
}
label.valid{
背景：url（'http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif")不重复;；
显示：块；
宽度：16px；
高度：16px；
}
必需，美国电话号码：