Javascript form.submit（）与输入类型为“的区别；提交；

我有一个包含表单的HTML页面。我想将一些字段设置为“必填”。问题是我没有在表单中使用

，而是使用Javascript函数提交表单，因为我需要向服务器发送Javascript变量。这是我的密码：

<form action="/toServer">
  Username: <input type="text" name="usrname" required>
  <input type="button" onclick="submitForm(this.form)" value="Submit">
</form>

var submitForm = function(frm){
    var qstNbr = document.getElementById('hiddenField');
    qstNbr.value = someJsVariable;
    frm.submit();
}

---

您当前的HTML输入按钮不是

submit

类型，而是

按钮

类型。因此，

input

元素上的

requered

属性被忽略。要更改此设置，请将按钮类型更改为

submit

：

<input type="submit" value="Submit">

支持

required

属性的浏览器现在会在单击按钮时显示警告：

---

.

您当前的HTML输入按钮不是

submit

类型，而是

按钮

类型。因此，

input

元素上的

requered

属性被忽略。要更改此设置，请将按钮类型更改为

submit

：

<input type="submit" value="Submit">

支持

required

属性的浏览器现在会在单击按钮时显示警告：

---

.

您当前的HTML输入按钮不是

submit

类型，而是

按钮

类型。因此，

input

元素上的

requered

属性被忽略。要更改此设置，请将按钮类型更改为

submit

：

<input type="submit" value="Submit">

支持

required

属性的浏览器现在会在单击按钮时显示警告：

---

.

您当前的HTML输入按钮不是

submit

类型，而是

按钮

类型。因此，

input

元素上的

requered

属性被忽略。要更改此设置，请将按钮类型更改为

submit

：

<input type="submit" value="Submit">

支持

required

属性的浏览器现在会在单击按钮时显示警告：

---

.

使用javascript提交不会触发任何验证。如果您希望使用常规按钮+javascript提交，并且仍然具有验证，则可以使用HTML5的checkValidity函数来验证表单字段或整个表单

例如，使用JQuery：

if(!$('form')[0].checkValidity()) {
    alert('not valid');
}
else {
    $('form').submit();
}

---

请参阅fiddle了解工作示例：

使用javascript提交不会触发任何验证。如果您希望使用常规按钮+javascript提交，并且仍然具有验证，则可以使用HTML5的checkValidity函数来验证表单字段或整个表单

例如，使用JQuery：

if(!$('form')[0].checkValidity()) {
    alert('not valid');
}
else {
    $('form').submit();
}

---

请参阅fiddle了解工作示例：

使用javascript提交不会触发任何验证。如果您希望使用常规按钮+javascript提交，并且仍然具有验证，则可以使用HTML5的checkValidity函数来验证表单字段或整个表单

例如，使用JQuery：

if(!$('form')[0].checkValidity()) {
    alert('not valid');
}
else {
    $('form').submit();
}

---

请参阅fiddle了解工作示例：

使用javascript提交不会触发任何验证。如果您希望使用常规按钮+javascript提交，并且仍然具有验证，则可以使用HTML5的checkValidity函数来验证表单字段或整个表单

例如，使用JQuery：

if(!$('form')[0].checkValidity()) {
    alert('not valid');
}
else {
    $('form').submit();
}

---

请参见fiddle的工作示例：

它都是以表单形式保存的。submit（）允许您使用javascript提交表单。。。如果您不想按按钮提交表单，那么通过javascripttype=“submit”调用submit是本机HTML表单提交，不需要JS。form.submit（）是通过JS提交表单的一种方式，它不需要type=“submit”，也可以是type=“button”，或者您甚至可以在单击页面上的链接时提交表单。@LShetty:如果我使用type=“submit”，那么，我如何才能将我的js变量发送到我的服务器？将它分配给一个输入，例如，在服务器端，您可以根据表单（默认值=get）方法获取post或获取变量。@LShetty我尝试了这个方法。但该值被视为文本，而不是JS值。如果您这样做，然后检查您的元素，您将看到它是一个字符串“yourJSValue”，而不是

yourJSValue

变量的值。这两个变量都保存在表单中。submit（）允许您使用javascript提交表单。。。如果您不想按按钮提交表单，那么通过javascripttype=“submit”调用submit是本机HTML表单提交，不需要JS。form.submit（）是通过JS提交表单的一种方式，它不需要type=“submit”，也可以是type=“button”，或者您甚至可以在单击页面上的链接时提交表单。@LShetty:如果我使用type=“submit”，那么，我如何才能将我的js变量发送到我的服务器？将它分配给一个输入，例如，在服务器端，您可以根据表单（默认值=get）方法获取post或获取变量。@LShetty我尝试了这个方法。但该值被视为文本，而不是JS值。如果您这样做，然后检查您的元素，您将看到它是一个字符串“yourJSValue”，而不是

yourJSValue

变量的值。这两个变量都保存在表单中。submit（）允许您使用javascript提交表单。。。如果您不想按按钮提交表单，那么通过javascripttype=“submit”调用submit是本机HTML表单提交，不需要JS。form.submit（）是通过JS提交表单的一种方式，它不需要type=“submit”，也可以是type=“button”，或者您甚至可以在单击页面上的链接时提交表单。@LShetty:如果我使用type=“submit”，那么，我如何才能将我的js变量发送到我的服务器？将它分配给一个输入，例如，在服务器端，您可以根据表单（默认值=get）方法获取post或获取变量。@LShetty我尝试了这个方法。但该值被视为文本，而不是JS值。如果您这样做，然后检查您的元素，您将看到它是一个字符串“yourJSValue”，而不是

yourJSValue

变量的值。这两个变量都保存在表单中。submit（）允许您使用javascript提交表单。。。如果你想提交表格而没有