JQuery（4）
在写验证码无刷新验证的时候遇到个小问题，点击的文字为a标签，点击后会刷新整个页面，将所有表单中的数据全部重置，小兰反应这样不友好，所以我找了解决方案：
&a id=&chage& href=&javascript:void(0);& onclick=&js_method()&&换一换&/a&&/span&onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态
还有个困扰了一些时间的一个问题：jquery文档中是对每个输入框的flur判断，但是要整个表单提交的时候，为了保证表单数据的有效性还得重新判断下，但是如果全部重新写一遍又感觉太low，想了好长时间，终于有了个方法，不多说了，上代码：
$('#register_form').submit(function(){
email.blur();
if(email_ok){
name.blur();
if(name_ok){
password.blur();
if(password_ok){
repassword.blur();
if(repassword_ok){
verifyInput.blur();
if(verify_ok){
verifyInput.focus();
repassword.focus();
password.focus();
name.focus();
email.focus();
既检验了表单数据的有效性，还在检测到了哪个输入框有问题直接跳到输入框中，一举两得～
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：4510次
排名：千里之外
原创：20篇
(2)(2)(3)(3)(3)(3)(4)(1)使用jQuery模拟鼠标点击a标签事件
(window.slotbydup=window.slotbydup || []).push({
id: '2611110',
container: s,
size: '240,200',
display: 'inlay-fix'
您当前位置： &
[ 所属分类
| 时间 2015 |
作者 红领巾 ]
在最近做项目时，需要在一定事件执行后再使a标签进行跳转，特别是在套模板时；
这就需要在一个事件执行函数中，再利用使用jQuery来模拟鼠标点击a标签事件；
&a href="" &点击&/a&&script type="text/"&$(function (){$('a).click(function(){alert('aaa');})$('a).click();})
以上代码其实已经触发了点击A标签事件，但其实，当点击了A标签，却不能触发A标签的跳转事件！！！
一开始还以为是浏览器做了相应的安全措施，屏蔽了JS对A标签的操作，后来发现，并不是这样的，接下来就说说其中的原委。
在我们点击“A标签”的时候，究竟是点击了什么才发生的跳转？
1）点击的是“A标签”本身？
2）点击的是“A标签”中显示的文字？
其实，上边的代码已经证实了点击A标签本身，并不会触发跳转到指定链接的事件，就是说，平时都是点击的A标签中的文字了？
&a href="" &&/a&&script type="text/javascript"&$(function (){var atext = '&span id="atext"&点击&/span&';//给a标签中的文字添加一个能被jquery不获得元素$('a').append(atext);//模拟点击a标签里的文字$('#atext).click();})
这下效果出来了，事实证明了上述的推断是正确的，所以要想用JS模拟点击A标签事件，就得先往A标签中的文字添加能被JS捕获的元素，然后再用JS模拟点击该元素即可。
本文永久地址：/12700.html
本文出自IT985博客 ，转载时请注明出处及相应链接。
本文前端（javascript）相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程
转载请注明本文标题：本站链接：
分享请点击：
1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责；
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性，不作出任何保证或承若；
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
今天的努力决定未来的成败。
手机客户端
，专注代码审计及安全周边编程，转载请注明出处：http://www.codesec.net
转载文章如有侵权，请邮件 admin[at]codesec.net温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(9218)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_086069',
blogTitle:'a标签控制提交form',
blogAbstract:'a标签控制提交form表单 表单id=form1、&a href=\"javascript:login()\"&提交&/a&&script type=\"text/javascript\"&&& function login(){&&&&&& $(\"#form1\").submit() ;&& }&/script&',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:4,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:3,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}jQuery Validation动态表单无法提交的解决方法-jquery-网页制作-壹聚教程网jQuery Validation动态表单无法提交的解决方法
今天小编来给各位同学介绍一个jQuery Validation动态表单无法提交的解决方法，希望此教程对各位同学有所帮助哦。
在使用jQuery Validation Plugin对表单进行验证，如果使用Js动态的往form里添加input或表单项时，发现无法提交表单，新添加的表单项无法通过验证，脚本报错。
使用的表单验证插件版本是：jQuery Validation Plugin 1.11.1。
解决方法是如果表单内容有改变，则重新设置一下验证规则即可。举例如下：
$(&#formid&).change(function(){
&&& var $form = $(&#&+formId);
&&& var validSetting = $form.validate({
&&&&&&& errorElement: 'span',
&&&&&&& errorClass: 'help-inline',
&&&&&&& focusInvalid: false,
&&&&&&& ignore:&:hidden&,
&&&&&&& rules: {
&&&&&&&&&&& email: {
&&&&&&&&&&&&&&& required: true,
&&&&&&&&&&&&&&& email: true
&&&&&&&&&&& }
&&&&&&& },
&&&&&&& errorPlacement: function (error, element) { // render error placement for each input type
&&&&&&&&&&& error.insertAfter(element); // for other inputs, just perform default behavoir
&&&&&&& },
&&&&&&& invalidHandler: function (event, validator) { //display error alert on form submit
&&&&&&& },
&&&&&&& highlight: function (element) {
&&&&&&&&&&& $(element).closest('.help-inline').removeClass('ok'); // display OK icon
&&&&&&&&&&& $(element).closest('.control-group').removeClass('success').addClass('error'); // set error class to the control group
&&&&&&& },
&&&&&&& unhighlight: function (element) {
&&&&&&&&&&& $(element).closest('.control-group').removeClass('error'); // set error class to the control group
&&&&&&& },
&&&&&&& success: function (label) {
&&&&&&&&&&& label.addClass('valid').addClass('help-inline ok').closest('.control-group').removeClass('error').addClass('success');
&&& if (!$form.valid()) {
&&& $form.change(function(){ //当表单元素有改变时重置验证规则
&&&&&&& validSetting.rules =
上一页： &&&&&下一页：相关内容通过jQuery提交表单并阻止表单的默认提交
0人收藏此代码,
通过jQuery提交表单并阻止表单的默认提交，通过e.preventDefault();可以阻止表单的默认提交相应，只执行submit里面的代码。
&script type=&text/javascript& src=&/jquery/jquery.js&&&/script&
&script type=&text/javascript&&
$(document).ready(function(){
$(&form&).submit(function(e){
e.preventDefault();
alert(&Submit prevented&);
&form name=&input& action=&& method=&get&&
First name:
&input type=&text& name=&FirstName& value=&Mickey& size=&20&&
&br /&Last name:
&input type=&text& name=&LastName& value=&Mouse& size=&20&&
&input type=&submit& value=&Submit&&
//该代码片段来自于: /codes/javascript/5526
相关代码片段:
最新JavaScript代码片段
合作网站：