精华内容
下载资源
问答
  • js验证表单大全,用JS控制表单提交 ,javascript提交表单
  • 主要介绍了JS控制表单提交的方法,可实现基于javascript提交表单信息的功能,具有一定参考借鉴价值,需要的朋友可以参考下
  • JS控制表单提交

    2013-10-08 10:35:28
    ... function check(){ if(条件满足,提交表单){ return true; }else{ return false; } }
    <form ... οnsubmit=" return check();">
     ...
    </form>
    <script>
     function check(){
     if(条件满足,提交表单){
       return true;
     }else{
       return false;
      }
    }
    <script>


    展开全文
  • js 控制表单提交

    2011-07-26 18:21:48
    1.document.forms.from.submit(); document.form.sumbit(); document.form.submit.click(); this.form.submit(); 以上几种形式的js表单提交在firefox浏览器下是不起作用
    1.document.forms.from.submit();
    
      document.form.sumbit();
      document.form.submit.click();
      this.form.submit();
      以上几种形式的js表单提交在firefox浏览器下是不起作用的
    2.必须遵循w3c标准:
      1).获得form时应使用getElementById()方法
      2).用.submit()方法提交表单
      3).button的name/id绝对不能命名为“submit”
      4).form中所有的组件(按钮,文本框等)的name/id也不能命名为“submit"
    展开全文
  • javascript控制表单提交

    2012-04-14 18:14:50
    Untitled Document ... //找到表单 var x = document.getElementById("form1"); alert("现在的action:"+x.action); x.action = "/event.html"; alert("跳转后的action"+x.action);
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    		<title>Untitled Document</title>
    		<script type="text/javascript">
    			function jump(){
    				//找到表单
    				var x = document.getElementById("form1");
    				alert("现在的action:"+x.action);
    				x.action = "/event.html";
    				alert("跳转后的action"+x.action);
    				alert(x.method);
    				//提交
    				x.submit();
    			}
    		</script>
    	</head>
    	<body>
    		<form id="form1" action="dom2.html" method="post">
    			<input type="button" value="提交" οnclick="jump()">
    			
    		</form>
    	</body>
    </html>
    

    展开全文
  • 关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:目录:1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字3:js判断是否...

    关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:
    目录:
    1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制
    2.:js判断汉字、判断是否汉字 、只能输入汉字
    3:js判断是否输入英文、只能输入英文
    4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字
    5:只能输入英文字符和数字
    6: js email验证 、js 判断email 、信箱/邮箱格式验证
    7:js字符过滤,屏蔽关键字
    8:js密码验证、判断密码
    2.1: js 不为空、为空或不是对象 、判断为空 、判断不为空
    2.2:比较两个表单项的值是否相同
    2.3:表单只能为数字和"_",
    2.4:表单项输入数值/长度限定
    2.5:中文/英文/数字/邮件地址合法性判断
    2.6:限定表单项不能输入的字符
    2.7表单的自符控制
    2.8:form文本域的通用校验函数

     

    1 . 长度限制
    < script >
    function  test() 
    {
    if(document.a.b.value.length>50)
    {
    alert(
    "不能超过50个字符!");
    document.a.b.focus();
    return false;
    }

    }

    </ script >
    < form name = a onsubmit = " return test() " >
    < textarea name = " b "  cols = " 40 "  wrap = " VIRTUAL "  rows = " 6 " ></ textarea >
    < input type = " submit "  name = " Submit "  value = " check " >
    </ form >  

    2 . 只能是汉字 
    < input onkeyup = " value= " / oblog / value.replace( / [ ^ u4E00 - u9FA5] / g, '' ) " >

    3.
    "  只能是英文
    < script language = javascript >
    function  onlyEng()
    {
    if(!(event.keyCode>=65&&event.keyCode<=90))
    event.returnvalue
    =false;
    }

    </ script >

    < input onkeydown = " onlyEng(); " >

    4 . 只能是数字
    < script language = javascript >
    function  onlyNum()
    {
    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
    //考虑小键盘上的数字键
    event.returnvalue=false;
    }

    </ script >

    < input onkeydown = " onlyNum(); " >

    5 . 只能是英文字符和数字
    < input onkeyup = " value= " / oblog / value.replace( / [W] / g, " '')  " onbeforepaste = " clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,'')) " >

    6 . 验证油箱格式
    < SCRIPT LANGUAGE = javascript RUNAT = Server >
    function  isEmail(strEmail)  {
    if (strEmail.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/!= -1)
    return true;
    else
    alert(
    "oh");
    }

    </ SCRIPT >
    < input type = text onblur = isEmail( this .value) >

    7 . 屏蔽关键字(这里屏蔽 *** **** )
    < script language = " javascript1.2 " >
    function  test()  {
    if((a.b.value.indexOf ("***"== 0)||(a.b.value.indexOf ("****"== 0)){
    alert(
    ":)");
    a.b.focus();
    return false;}

    }

    </ script >
    < form name = a onsubmit = " return test() " >
    < input type = text name = b >
    < input type = " submit "  name = " Submit "  value = " check " >
    </ form >

    8 . 两次输入密码是否相同
    < FORM METHOD = POST ACTION = "" >
    < input type = " password "  id = " input1 " >
    < input type = " password "  id = " input2 " >
    < input type = " button "  value = " test "  onclick = " check() " >
    </ FORM >
    < script >
    function  check()

    with(document.all){
    if(input1.value!=input2.value)
    {
    alert(
    "false")
    input1.value 
    = "";
    input2.value 
    = "";
    }

    else document.forms[0].submit();
    }

    }

    </ script >
    够了吧 :)
    屏蔽右键 很酷 
    oncontextmenu
    = " return false "  ondragstart = " return false "  onselectstart = " return false "
    加在body中




    2.1  表单项不能为空

    < script language = " javascript " >
    <!--
    function  CheckForm()

    if (document.form.name.value.length == 0
    alert(
    "请输入您姓名!");
    document.form.name.focus();
    return false;
    }

    return true;
    }

    -->
    </ script >

    2.2  比较两个表单项的值是否相同

    < script language = " javascript " >
    <!--
    function  CheckForm()
    if  (document.form.PWD.value  !=  document.form.PWD_Again.value) 
    alert(
    "您两次输入的密码不一样!请重新输入.");
    document.ADDUser.PWD.focus();
    return false;
    }

    return   true ;
    }
    -->
    </ script >

    2.3  表单项只能为数字和 " _ " ,用于电话 / 银行帐号验证上,可扩展到域名注册等

    < script language = " javascript " >
    <!--
    function  isNumber(String)

    var Letters = "1234567890-"//可以自己增加可输入值
    var i;
    var c;
    if(String.charAt( 0 )=='-')
    return false;
    if( String.charAt( String.length - 1 ) == '-' )
    return false;
    for( i = 0; i < String.length; i ++ )

    = String.charAt( i );
    if (Letters.indexOf( c ) < 0)
    return false;
    }

    return true;
    }

    function  CheckForm()

    if(! isNumber(document.form.TEL.value)) 
    alert(
    "您的电话号码不合法!");
    document.form.TEL.focus();
    return false;
    }

    return true;
    }

    -->
    </ script >


    2.4  表单项输入数值 / 长度限定

    < script language = " javascript " >
    <!--
    function  CheckForm() 

    if (document.form.count.value > 100 || document.form.count.value < 1)

    alert(
    "输入数值不能小于零大于100!");
    document.form.count.focus();
    return false;
    }

    if (document.form.MESSAGE.value.length<10)

    alert(
    "输入文字小于10!");
    document.form.MESSAGE.focus();
    return false;
    }

    return true;
    }

    // -->
    </ script >

    2.5  中文 / 英文 / 数字 / 邮件地址合法性判断

    < SCRIPT LANGUAGE = " javascript " >
    <!--

    function  isEnglish(name)  // 英文值检测

    if(name.length == 0)
    return false;
    for(i = 0; i < name.length; i++
    if(name.charCodeAt(i) > 128)
    return false;
    }

    return true;
    }


    function  isChinese(name)  // 中文值检测

    if(name.length == 0)
    return false;
    for(i = 0; i < name.length; i++
    if(name.charCodeAt(i) > 128)
    return true;
    }

    return false;
    }


    function  isMail(name)  //  E-mail值检测

    if(! isEnglish(name))
    return false;
    = name.indexOf(" at ");
    = name dot lastIndexOf(" at ");
    if(i == -1)
    return false;
    if(i != j)
    return false;
    if(i == name dot length)
    return false;
    return true;
    }


    function  isNumber(name)  // 数值检测

    if(name.length == 0)
    return false;
    for(i = 0; i < name.length; i++
    if(name.charAt(i) < "0" || name.charAt(i) > "9")
    return false;
    }

    return true;
    }


    function  CheckForm()

    if(! isMail(form.Email.value)) 
    alert(
    "您的电子邮件不合法!");
    form.Email.focus();
    return false;
    }

    if(! isEnglish(form.name.value)) 
    alert(
    "英文名不合法!");
    form.name.focus();
    return false;
    }

    if(! isChinese(form.cnname.value)) 
    alert(
    "中文名不合法!");
    form.cnname.focus();
    return false;
    }

    if(! isNumber(form.PublicZipCode.value)) 
    alert(
    "邮政编码不合法!");
    form.PublicZipCode.focus();
    return false;
    }

    return true;
    }

    // -->
    </ SCRIPT >

    2.6  限定表单项不能输入的字符

    < script language = " javascript " >
    <!--

    function  contain(str,charset) //  字符串包含测试函数

    var i;
    for(i=0;i<charset.length;i++)
    if(str.indexOf(charset.charAt(i))>=0)
    return true;
    return false;
    }


    function  CheckForm()

    if ((contain(document.form.NAME.value, "%()><")) || (contain(document.form.MESSAGE.value, "%()><")))

    alert(
    "输入了非法字符");
    document.form.NAME.focus();
    return false;
    }

    return true;
    }

    // -->
    </ script >  

    1 . 检查一段字符串是否全由数字组成 
    ---------------------------------------  
    < script language = " Javascript " ><!--  
    function  checkNum(str) {return str.match(/D/)==null}  
    alert(checkNum(
    " 1232142141 " )) 
    alert(checkNum(
    " 123214214a1 " )) 
    //  --></script> 

    2 . 怎么判断是否是字符 
    ---------------------------------------  
    if  ( / [ ^ x00 - xff] / g.test(s)) alert( " 含有汉字 " ); 
    else  alert( " 全是字符 " ); 

    3 . 怎么判断是否含有汉字 
    ---------------------------------------  
    if  (escape(str).indexOf( " %u " ) !=- 1 ) alert( " 含有汉字 " ); 
    else  alert( " 全是字符 " ); 

    4 . 邮箱格式验证 
    ---------------------------------------  
    // 函数名:chkemail 
    //
    功能介绍:检查是否为Email Address 
    //
    参数说明:要检查的字符串 
    //
    返回值:0:不是 1:是 
    function  chkemail(a) 
    var i=a.length; 
    var temp = a.indexOf('@'); 
    var tempd = a.indexOf('.'); 
    if (temp > 1
    if ((i-temp) > 3)
    if ((i-tempd)>0)
    return 1
    }
     

    }
     
    }
     
    return 0
    }
     

    5 . 数字格式验证 
    ---------------------------------------  
    // 函数名:fucCheckNUM 
    //
    功能介绍:检查是否为数字 
    //
    参数说明:要检查的数字 
    //
    返回值:1为是数字,0为不是数字 
    function  fucCheckNUM(NUM) 

    var i,j,strTemp; 
    strTemp
    ="0123456789"
    if ( NUM.length== 0
    return 0 
    for (i=0;i<NUM.length;i++

    j
    =strTemp.indexOf(NUM.charAt(i)); 
    if (j==-1

    //说明有字符不是数字 
    return 0
    }
     
    }
     
    //说明是数字 
    return 1
    }
     

    6 . 电话号码格式验证 
    ---------------------------------------  
    // 函数名:fucCheckTEL 
    //
    功能介绍:检查是否为电话号码 
    //
    参数说明:要检查的字符串 
    //
    返回值:1为是合法,0为不合法 
    function  fucCheckTEL(TEL) 

    var i,j,strTemp; 
    strTemp
    ="0123456789-()# "
    for (i=0;i<TEL.length;i++

    j
    =strTemp.indexOf(TEL.charAt(i)); 
    if (j==-1

    //说明有字符不合法 
    return 0
    }
     
    }
     
    //说明合法 
    return 1
    }
     

    7 . 判断输入是否为中文的函数 
    ---------------------------------------  
    function  ischinese(s)
    var ret=true
    for(var i=0;i<s.length;i++
    ret
    =ret && (s.charCodeAt(i)>=10000); 
    return ret; 
    }
     

    8 . 综合的判断用户输入的合法性的函数 
    ---------------------------------------  
    < script language = " javascript " >  
    // 限制输入字符的位数开始 
    //
    m是用户输入,n是要限制的位数 
    function  issmall(m,n) 

    if ((m<n) && (m>0)) 

    return(false); 
    }
     
    else 
    {return(true);} 
    }
     

    9 . 判断密码是否输入一致 
    ---------------------------------------  
    function  issame(str1,str2) 

    if (str1==str2) 
    {return(true);} 
    else 
    {return(false);} 
    }
     

    10 . 判断用户名是否为数字字母下滑线 
    ---------------------------------------  
    function  notchinese(str)
    var reg=/[^A-Za-z0-9_]/
    if (reg.test(str))
    return (false); 
    }
    else
    return(true); }
     
    }
     

    2.8 . form文本域的通用校验函数
    ---------------------------------------  
    作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
    该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。

    使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名
    html如下
    < input name = " txt_1 "  title = " 姓名 " > ,当然,最好用可视化工具比如dreamweaver什么的来编辑域。
    如果要检测数字类型数据的话,再把域的id统一为sz.
    javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。

    程序比较草,只是提供一个思路。抛砖引玉! :)
    哦,对了,函数调用方法:
    <  form onsubmit = " return dovalidate() " >

    function  dovalidate()
    {
    fm
    =document.forms[0//只检测一个form,如果是多个可以改变判断条件
    for(i=0;i<fm.length;i++)

    //检测判断条件,根据类型不同可以修改
    if(fm[i].tagName.toUpperCase()=="INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!=""))

    if(fm[i].value="/blog/="")//
    {
    str_warn1=fm[i].title+
    "不能为空!";
    alert(str_warn1);
    fm[i].focus();
    return false; 
    }
    if(fm[i].id.toUpperCase()==
    "SZ")//数字校验
    {
    if(isNaN(fm[i].value))
    { str_warn2=fm[i].title+
    "格式不对";
    alert(str_warn2);
    fm[i].focus();
    return false;
    }
    }
    }
    return true;
    }

     

     

    展开全文
  • 操控表单提交的流程而不用button的onclick事件的意义 操控表单提交的流程而不是使用button的onclick事件,能够保留表单的本身一些好用的特性,比如回车提交之类的 拦截表单提交的方法 ` const your_form = ...
  • 目录:1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字、...
  • 目录:1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字、...
  • js控制表单提交带参数

    千次阅读 2016-09-28 10:54:17
    根据HTML的规定,通过GET方法提交表单时,action地址里的query string会被丢弃。 ...2、js函数提交from表单   function filter(){  var url = "home/reading_book?currentpage=1&re
  • js控制表单提交问题

    2010-07-12 10:11:00
    提交按钮,不要有值为“submit”的属性,例如name,id等等,否则会导致无法提交
  • 1.document.forms.from.submit(); document.form.sumbit();...以上几种形式的js表单提交在firefox浏览器下是不起作用的 2.必须遵循w3c标准: 1).获得form时应使用getElementById()方法 2).用.submi
  • js控制表单提交,新窗口打开

    千次阅读 2016-01-12 15:48:41
    今天做网银支付的时候,需要做到点击支付的时候提交订单,然后新窗口打开支付界面。...思路2:ajax成功之后,回调funciton中操作页面的一个带有'_blank'属性的表单,这个是网上大部分朋友提供的思路,
  • 表单新开窗口提交正常,但是用js提交时,会弹出拦截信息 浏览器会拦截窗口,是把窗口当成js弹出广告,造成的原因是如果是用户主动触发,一般不会拦截,用js触发的,一般都会拦截。 $.post("/trade/...
  • 判断文件类型控制表单提交这些都是在客户端实现的,下面有个不错的示例,感兴趣的朋友可以参考下
  • 这里使用javascript控制表单提交后,提交按钮不可用,可以防止用户多次提交。 <html> <head> <meta http-equiv=Content-Type content=text/html; charset=utf-8/> <title>表单提交后按钮...
  • JS-Jquery 控制表单提交

    2017-11-02 17:24:17
    html页面 <!DOCTYPE html> <html> <head> <title>js</title> <meta charset="utf-8">...script type="text/javascript" src="../regular_expression/jquery-3...
  • jQuery控制表单提交

    千次阅读 2018-07-16 22:22:40
    JQuery 提交表单 代码 1、 表单 html &lt;form action="路径" method="post" id="myFormId"&gt; &lt;button id="buttonId"&gt;提交&lt;/...
  • onsubmit控制表单提交

    2018-03-07 14:52:19
    在做页面的时候,我们经常会涉及到表单的填写和提交,有一个需求就是当填写的内容不符合要求时,表单最终无法提交成功,这时就需要我们来控制表单能否进行提交。 &lt;form&gt;标签有个非常有用的属性叫...
  • JavaScript表单提交

    2020-04-28 17:06:25
    表单提交在前端编程阶段中也是一个重点。...在JavaScript中有四种种表单提交的方式: 一、 Form表单手动提交(get与post) 在没有任何Js代码的影响下,Form表单本身是自带提交功能的。在form元素标签上有两个...
  • JS控制submit表单提交前进行预览和confirm确认提交。 我们经常会遇到这样的场景,某一个form表单提交前,想知道那些checkbox的内容被选中了,如果符合则提交,如果不符合,则取消提交,很简单的代码,我就不说了,...
  • js 判断文件类型 控制表单提交

    千次阅读 2013-11-14 14:40:50
    下面的代码 实现的控制表单提交 function shangchuan(){ var filepath = document.getElementById("file").value; alert(filepath); if(filepath==""){ alert("请选择上传的文件!"); document
  • js控制表单重复提交

    2014-12-11 15:12:40
    js:    "text/javascript">   var submit=0;   function check(){     if(++submit>1)return false;     return true;     
  • js防止表单重复提交控制提交按钮

    千次阅读 2019-05-31 10:48:10
    1.首先是表单提交按钮提交 2.防止表单重复提交 $(function () { //点击提交按钮,提交表单====== $("#submitbut").click(function(){ //防止表单重复提交 、提交按钮禁选 $("#submitbut").attr({...
  • JS控制form表单提交

    2016-05-04 18:11:00
     <title>Js控制表单提交   action="http://www.baidu.com" method="post" id="myform">     href="javascript:void(0)" title="" onclick="javascript:test()">   src="search.png" alt="" >     ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 75,626
精华内容 30,250
关键字:

js控制表单提交