标签: form-submit

第一次使用Asp.net-mvc并且最初遵循NerdDinner教程.我的表单提交按钮如下所示:

<p>
    <input type="submit" value="Save" />
</p>

我现在在页面上添加了另一个按钮,附带了jQuery代码.它适用于IE,但是当我在FireFox中测试时,表单会提交.我尝试添加另一个按钮,这次没有附加的jQuery代码,同样的事情发生了.单击该按钮时,表单将提交.

<button id="random-button">Do Nothing</button>

为什么标准button元素在Firefox中提交表单？

我坚持认为我认为是一个简单的PEBCAK错误.我在提交表单之前试图验证我的所有功能是否属实,但是无法想象我的生活有什么不对.以下是我的javascript代码:

function checknewaccount(){
if(emailvalid()&& checkname() && passwordcheck())
{
    return true;
}
else{
    return false;
}
}


function emailvalid()
{
      if(email condition)
      {
          return true;
      }
      else {
          return false;
      }
}

function checkname())
{
      if(name condition)
      {
          return true;
      }
      else {
          return false;
      }
}

function passwordcheck(){
      if(password condition)
      {
          return true;
      }
      else {
          return false;
      }
}

html如下:

<form  id="newaccount" name="newaccount" method="post"  onSubmit="accountcode.php">
<input type="text" id="email" onBlur="emailvalid()"/>
<input type="text" id="username" onBlur="checkname()" />
<input type="password" id="password"  onkeyup="passwordcheck()"/>
<input …

我希望用文本替换表单上标准的丑陋提交按钮.我知道如何通过将提交更改为此来将其替换为图像:

<input type="image" name="submit" src="submit.png" width="70px" height="30px">

但我想将其改为文本,这可能吗？谢谢

我想使用jquery/ajax提交一个包含大约10个输入的表单,但我不知道如何通过ajax的数据参数将数据传递给它.我会序列化它们吗？

我的登录用户控件有两个文本框和一个链接按钮.

<asp:TextBox id="tbUserName" runat="server" size="10" />
<asp:TextBox id="tbPassword" runat="server" TextMode="Password" size="10" />

<asp:LinkButton Text="login" CssClass="submit"  runat="server" ID="lbLogin" OnClick="btnLogin_OnClick" />

当有人在tbUsername或tbPassword上输入时,我想调用"btnLogin_OnClick函数".

我该怎么做呢？

我有一个有两个提交按钮的表单.我想使用JavaScript手动提交表单,并使用输入按钮提交与其他表单元素一起发布的表单,就像表单自动提交一样.关于这个问题有很多喋喋不休,但我找不到答案.

<form method="post" action="echoToScreenAndLog.jsp" id="form1"> 
    <input id="field1" name="field1"/>
    <input type="text" size="20" id="field2" name="field2"/>

    <input type="submit" value="Do One" name="sub1_name" id="sub1_id"/>
    <input type="submit" value="Do Two" name="sub2_name" id="sub2_id"/>
</form> 

当窗体上方用"做一"按钮提交,张贴的参数是field1="xxx",field2="yyy",sub1_name="Do One".

但我想手动提交表格......

<form method="post" action="echoToScreenAndLog.jsp" id="form1"> 
    <input id="field1" name="field1"/>
    <input type="text" size="20" id="field2" name="field2"/>

    <input type="submit" value="Do One" name="sub1_name" id="sub1_id"/>
    <input type="submit" value="Do Two" name="sub2_name" id="sub2_id"/>
</form> 
<script type="text/javascript">
    var btn = document.getElementById('sub1_id');
    btn.onclick=function() {
        return mySubmit(document.getElementById('form1'), ...);
    }
</script>

但是在mySubmit函数中手动提交表单不会发布sub1_name参数.我可以理解 - 我绕过了提交,因此表单没有使用按钮提交,因此发布表示用于提交表单的按钮的参数是没有意义的. …

我想在HTML表单上创建一个表单提交按钮,该表单的文本与将提交给主机的关键字的文本不同.所以我用过

<button type="submit" name="SubmitAction" value="Done" accesskey="D"><u>D</u>one for Now</button>

但W3Schools警告说:

注意:如果您<button>在HTML表单中使用该元素,则不同的浏览器可能会提交不同的值.用于<input>在HTML表单中创建按钮.

有没有办法使用按钮上<input>显示的文本与提交给主机的值不同来创建按钮？

不同浏览器发送的变体有哪些<button>？

注意:我不需要支持任何旧版本的IE 9,并且实际上将使用当前版本的Chrome和FireFox.

我有一个HTML表单.我正在使用jquery.validate.js验证我的表单,它适用于提交事件.我想在提交被解雇之前验证此表单.

根据我的研发,我尝试过:

$('#my-form').on('before-submit',function(){
   alert('Before submit performed');
});

我想在触发提交事件之前验证表单.谁能告诉我怎么做？

非常感谢,

中号

我正在努力学习dijit编辑器.我想用dijit编辑器widget替换现有的文本区域.所以我写了2个jsps - 一个使用dijit.Editor,它用编辑器内容提供另一个jsp.当我单击提交时,无论在文本区域编辑器中输入什么内容,第二个jsp "结果 "都会出现编辑器的空内容.

dijitEditor.jsp

  <script type="text/javascript">
    dojo.require("dijit.Editor");
    dojo.require("dijit._editor.plugins.LinkDialog");
    dojo.require("dijit._editor.plugins.AlwaysShowToolbar");
  </script>
  <script type="text/javascript">
     dojo.addOnLoad(function(){
        alert("addOnLoad function");  
        dojo.connect(dojo.byId('form1'), 'onsubmit', function(){
            dojo.byId('editorContent').value= dijit.byId('content').getValue();
            alert("Hidden variable");
            alert(dojo.byId('editorContent').value);
            alert("Editor content");
            alert(dijit.byId('content').getValue());
         });
      });

</script>                   
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />
</head>

  <body class=" claro ">
  <FORM id="form1" METHOD=POST ACTION="result.jsp">

  <table>
    <tr>
        <td>
        <input type="hidden" name="editorContent" />
            <div dojoType="dijit.Editor" id="content" onChange="console.log('editor1 onChange handler: ' + arguments[0])"
                plugins="['foreColor','|','bold','italic','underline','|','createLink', 'unlink']"
                extraPlugins="['dijit._editor.plugins.AlwaysShowToolbar']">
                    <p>
                        <b>This instance is created with a subset of functions enabled in the order …

我正在使用带有angular2的模板表单组件,我无法在提交表单后将焦点设置在我的firstName输入元素中.表单重新设置正常但无法设置焦点.

这是我的组件代码:

export class TemplateFormComponent {

  @ViewChild('f') form: any;

  onSubmit() {
    if (this.form.valid) {
      console.log("Form Submitted!");
      this.form.reset();
      this.form.controls.firstName.focus();
    }
  }
}

和我的模板代码:

<form novalidate autocomplete="off" #f="ngForm" (ngSubmit)="onSubmit()">
<div class="form-group">
  <label>First Name</label>
  <input type="text"
         class="form-control"
         name="firstName"
         [(ngModel)]="model.firstName"
         required
         #firstName="ngModel">
</div>
</form>