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>