form提交后input清空的方法,js用法之清空form的方法

先上消除办法:

艺术一:利用form的onsubmit()函数(经常应用)

form表单的input组件的拾种提交格局

1、文本

2、密码

3、单选

4、多选

5、选用文件

6、图片

七、隐藏组件

八、普通开关

玖、重新设置开关

十、提交开关

<form>
form提交后input清空的方法,js用法之清空form的方法。输入人名:<input type=”text”></br>
输入密码:<input type=”password”></br>
性别:<input type=”radio” name=”sex”> 男<input type=”radio”
name=”sex”>女</br>
亚洲城ca88手机网页版,技能: <input type=”checkbox”>JAVA
<input type=”checkbox”>HTML
<input type=”checkbox”>CSS
<input type=”checkbox”>PHP</br>
慎选文件:<input type=”file”></br>
图片:<input type=”image”></br>
藏匿按键:<input type=”hidden”></br>
万般按钮:<input type=”button”></br>
<input type=”reset”><input type=”submit”></br>
</form>

亚洲城ca88手机网页版 1

Image.png

若没有增添name和value标签的话,就不能够往服务器交由

亚洲城ca88手机网页版 2

Image.png

则应当写成如下

<form> 输入人名:<input type=”text” name=”username”
value=””></br>输入密码:<input type=”password” name=”pwd”
value=””></br>性别:<input type=”radio” name=”sex”
value=”nan”> 男<input type=”radio” name=”sex” value=”nv”
checked=”checked”>女</br>技艺: <input type=”checkbox”
name=”checkbox”
value=”Java”>JAVA<input
type=”checkbox” name=”checkbox” value=”HTML”>HTML<input
type=”checkbox” name=”checkbox” value=”CSS”>CSS<input
type=”checkbox” name=”checkbox”
value=”PHP”>PHP</br>选拔文件:<input
type=”file” name=”file” value=””></br>图片:<input
type=”image” src=”118二1040玖.png”></br>隐藏开关:<input
type=”hidden” name=”hidden”></br>普通开关:<input
type=”button” onclick=”alert(‘我是平凡开关’)”></br><input
type=”reset” name=”reset” value=”清除”><input type=”submit”
name=”submit” value=”提交”></br></form>

那时候交给的话,能够增添一串参数

亚洲城ca88手机网页版 3

Paste_Image.png

本段代码摘取自jquery.form.js中,由于感到该办法的使用性非常强,同期也可独自拿出来使用。
该段代码言简意赅能够很好的作为读书参照他事他说加以考察。

$(#formid #inputid).val(“”) 将这么些代码放在提交开关最后就足以了。

<script type="text/javascript">  
    function validateForm(){  
    if(document.reply.title.value == ""){ //通过form名来获取form  
        alert("please input the title!");  
        document.reply.title.focus();  
        return false;  
    }     
    if(document.forms[0].cont.value == ""){ //通过forms数组获取form  
        alert("please input the content!");  
        document.reply.cont.focus();  
        return false;  
    }  
    return true;  
  }  
<form name="reply"  method="post" onsubmit="return validateForm( );">  
        <input type="text" name="title"  size="80" /><br />  
        <textarea name="cont" cols="80" rows="12"></textarea><br />  
        <input type="submit" value="提交" >  
</form>  
注意:  
1.onsubmit属性内容一定要有return关键字,否则函数会直接执行,不会返回  
2.validateForm一定要返回一个boolean类型的返回值  
3.提交按钮要写成submit类型的  

复制代码 代码如下:

自个儿在做二个改造音讯的效果时,发现上三回提交的剧情在下一遍打开的笔录里又显得出来,因为有1个input框每八个记录都以不等同的,为了制止操作职员手工业清空内容,小编打筹算在新记录修改时候清空这几个input,不过试了成都百货上千次,baidu了许多末段发掘是一贯未有选到钦赐的价签。倘诺那个标签在二个弹窗里需求写成$(#winid
#formid
#inputid).val(“”),须求一级级的选到标签,当然也足以换到class方的选料,也就换来$(.formid
.inputid).val(“”)。那个是亲测有用的。

方法二:利用input类型为submit组件的onclick()函数

/**
 * Clears the form data. Takes the following actions on the form’s
input fields:
 * – input text fields will have their ‘value’ property set to the
empty string
 * – select elements will have their ‘selectedIndex’ property set to
-1
 * – checkbox and radio inputs will have their ‘checked’ property set
to false
 * – inputs of type submit, button, reset, and hidden will *not* be
effected
 * – button elements will *not* be effected
 */
$.fn.clearForm = function(includeHidden) {
    return this.each(function() {
        $(‘input,select,textarea’, this).clearFields(includeHidden);  
//this表示设置上下文境况,有多少个表单时只效劳调用的表单
    });
};

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图