formid提交路径与js

① 请问大佬们，在微信小程序开发中form里radio value的值怎么取在js中

有两来种方法获取表单项自的值

1. 监听form提交事件bindsubmit (一般都要这样做，因为很多场景下要推送模板消息，就要用到formId 只有在form提交事件里才能获取到formId)

2. 在radio-group里监听change事件(bindchange) ，事件中的e.detail.value即是选中的值，如果是checkbox，会是一个数组

小程序文档：radio

② js怎么获取form表单中所有的input和select

<script type="text/javascript">

// 获取指定form中的所有的<input><select>对象

function getElements(formId) {

var form = document.getElementById(formId);

if(form == null){

return false;

}

var elements = new Array();

var inputTagElements = form.getElementsByTagName('input');

for (var j = 0; j < inputTagElements.length; j++) {

elements.push(inputTagElements[j]);

}

var selectTagElements = form.getElementsByTagName('select');

for (var j = 0; j < selectTagElements.length; j++) {

elements.push(selectTagElements[j]);

}

return elements;

}

(2)formid提交路径与js扩展阅读：

form表单提交

在form标签中添加Action(提交的地址)和method(post)，且有一个submit按钮。

（<input type='submit'>）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交。

当点击登陆时，向数据库发生的数据是：username=username&password=password.

这种默认的提交方式，一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候是对弹出框进行数据提交的，希望提交成功则关闭弹出框并刷选父页面，失败则提示失败原因，且弹出框不关闭。此时可以采用Ajax进行数据提交。

③ js实现点击输入用户名或密码的文本框在旁边弹出提示语

你可以使用formValidator.js，专门做表单验证的，效果如下：

用法很简单，引用formValidator.js的核心类库，然后初始化$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true});

然后对要做校验的文本框编写校验代码

$("#employeeNo").formValidator({onshow : "输入范围为1到10个字符",
onfocus : "输入范围为1到10个字符",oncorrect : " "}).inputValidator({
min: 1, max: 10, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到10个字符"});
$("#employeeName").formValidator({onshow : "输入范围为1到40个字符",
onfocus : "输入范围为1到40个字符",oncorrect : " "}).inputValidator({
min: 1, max: 40, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到40个字符"});

在后面对应的<div id="employeeNoTip"></div>显示提示语

formValidator.js这个网上有很多实例和教程，很简单的

④ 怎样才能让网页中的表单自动提交

<!-- 一下是4秒后自动提交loginInfo表单 -->
<form id="loginInfo" action="后台Action">
<script language="JavaScript">
setTimeout("loginInfo.submit();",4000);
</script>
loginInfo是表单名，4000ms是计时时间
</form>

⑤ (转)如何用js改变form的action属性值已经跳转页面地址

只要将form设定一个id如id=“form1”， 然后在submit的时候调用js函数，在函数中引用form.action= "search.aspx?id="+value,即可改变form的action值，可以很好 的控制跳转的参数，而不用把原本的html页面改成asps页面。 eg:(1)<scriptlang="javascript" function go(){varvalue=document.getElementByIdx("T1").value; form1.action="search.asp?cx="+value;} </script 引用该函数的form：<formid="form1" method=post onsubmit="go();"<inputtype="submit"id="a" value="测试"/(2)前台：<scriptlang="javascript" function go(){ if("<%=url %"=="1"){ form1.action="/a.aspx";}else{ form1.action="/b.aspx?dd=<%=price%";}} </script<formid="form1" runat="server" onsubmit="go();" <input type="submit" ID="srb" value="测试"/后台：string price = "2"; string url = ""; protected void Page_Load(object sender, EventArgs e){ if (!IsPostBack){ createTest();}}

⑥ JS部分怎么写才能把form表单里的数据输出出来

JS获取form表单里的数据并输出的方法：
document.getElementById("ddd").innerHTML = document.getElementById("xxx").value + document.getElementById("yyy").value;
将表单数据获取好后进行拼接赋给某个dom节点显示出来。

js获取表单数据命令是：document.getElementById("xxx").value;
输出表单数据到某个dom元素内是使用：document.getElementById("ddd").innerHTML;

因此要使用js输出表单数据可以先讲表单数据整合临时存储到某个变量，在统一输出到某个dom节点内
举例：
<form id="fm" name="fm">
<input type="text" id="name" />
<input type="text" id="tel" />
<input type="button" onClick="fmResult()" />
</form>
输出表单值：<div id="d"></div>

js:
<script>
function fmResult(){
var name = document.getElementById("name").value;
var tel = document.getElementById("tel").value;//获取值
document.getElementById("d").innerHTML = name + tel;//输出表单值
}
</script>

⑦ javascript中怎么提交表单

H5e教育html5开发为您解答：
办法1.同一个页面中建立两个表单 各自提交：
<form action="?" name="form1" id="form1">
<!-- 表单内容专 -->
<input type="submit" />
</form>
<form action="?" name="form1" id="form1">
<!-- 表单内容 -->
<input type="submit" />
</form>
办法2：如果非属要只有一个表单的话，通过js提交：
<script type="text/javascript" language="javascript">
function submitYouFrom(path){
$('form1').action=path;
$('form1').submit();
}
</script>
<form action="?" name="form1" id="form1">
<!-- 表单内容 -->
<input type="button" value="提交1" onclick="submitYouFrom('地址一')"/>
<input type="button" value="提交2" onclick="submitYouFrom('地址二')"/>
</form>

⑧ js + html 能不能实现发送邮件的功能

<divclass="left-wrap">

<formid="myForm"target="_blank"action="https://formspree.io/1131844379@qq.com"method="post">

<!--左上-->

<divclass="left-top">

<divclass="input-group">

<inputtype="text"name="name"class="input__fieldinput-carrier">

<labelclass="input__label"for="input-1">

<spanclass="input__label-contentinput__label-content--nao">您的姓名</span>

</label>

</div>

<divclass="input-groupinput-group-r">

<inputtype="email"name="eamil"class="input__fieldinput-carrier"type="text">

<labelclass="input__label"for="input-1">

<spanclass="input__label-contentinput__label-content--nao">您的邮箱</span>

</label>

</div>

</div>

<!--左下-->

<divclass="send-content">

<textareaname="message"class="contact-arearequired"placeholder="您的建议..."></textarea>

<buttonclass="btn-send"type="submit"id="submit"name="submit">

<span>发送</span>

<iclass="fafa-send"></i>

</button>

</div>

</form>

</div>

JS（判断内容不能为空才提交表单）

$(document).on('click','#submit',function(evt){

if($(".contact-area").val()==""){

$(".contact-area").val("您的建议不能为空!");

evt.preventDefault();//阻止提交表单到第三方网站去

}

});

(8)formid提交路径与js扩展阅读

JavaScript常用的表单交互

在form元素上使用onsubmit事件，针对表单进行拦截，返回true才能提交

<body>

<formid="myForm"onsubmit="returnvalidate()">

请输入email地址：<inputtype="text"name="email"id="email"value=""onblur="returnvalidate()">

<spanid="msg"></span>

<div><buttontype="submit">显示邮件</button></div>

</form>

</body>