JQuery中重置(reset)表单总结

文章来源:http://blog.csdn.net/jintiaozhuang/article/details/52620287

注意事项:

由于JQuery中,提交表单是像下面这样的:
代码 $('#myform').submit() $('#myform').submit() 所以,想当然的认为,重置表单,当然就是像下面这样子喽:J $('#myform').reset() $('#myform').reset()但是,不幸的是,这样写的话,会有一个让你很郁闷的结果,那就是,表单无法重置!后来,上网查了一下,说是,JQuery中没有reset方法,经核对,果然是没有。那有么没有办法通过JQuery来重置表单呢,答案是有的,不过是一种间接的方法,如下:Java代码 $('#myform')[0].reset()也就是通过调用  DOM  中的reset方法来重置表单。
代码如下:
<form id="form1" action="" method="post" runat="server"> 
<input name="inp" id="inp" value="1" /> 
</form> 

方法一: 
我们可以通过就是id实现 ,代码如下:
document.getElementById("form1").reset(); 
通过name实现,代码如下:
document.formName.reset(); 

方法二: 
逐一清空,代码如下:
$("#inp").val("1"); 

但是表单太多的话可以如下写,代码如下:
$("input").val(""); 

设表单的默认值加type为reset的input ,代码如下:
<form id="form1" action="" method="post" runat="server"> 
<input name="inp" id="inp" value="1" /> 
<input id="res" name="res" type="reset" style="display:none;" /> 
</form> 
<script>
$("input[name='res']").click(); 
</script>
//验证微信号或者邮箱(是其中之一为true)
function validate_email_or_weichat(str){
	var arr=new Array("[\\w!#$%&'*+\/=?^_`{|}~-]+(?:\\.[\\w!#$%&'*+\/=?^_`{|}~-]+)*@(?:[\\w](?:[\\w-]*[\\w])?\.)+[\\w](?:[\\w-]*[\\w])?","[a-zA-Z]{1}[-_a-zA-Z0-9]{5,19}"); 
	var result = false; 
	for(var i=0;i <arr.length;i++) { 
		pattern1 = new RegExp("^"+arr[i]+"$","gi"); 
		result|=pattern1.test(str); 
		return result;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值