javascript - 对空输入什么都不做 - 结合表单上的动态操作

标签 javascript jquery forms input

我想要的是,当您在input 中键入内容时,根据您单击的按钮,他将更改form 中的操作路径。我已经完成了一半(我认为)....看看我现在做了什么

function OnSubmitForm() {
      if(document.pressed == 'Log As')
      {
       document.myform.action ="log-as.html";
      }
      else
      if(document.pressed == 'Log As Int')
      {
        document.myform.action ="log-as-int.html";
      }
      return true;
    };
<form name="account" onsubmit="return onsubmitform();">
  <input type="text" name="user" id="user">
  <input type="submit" name="account" onclick="document.pressed=this.value" value="Log As" />
  <input type="submit" name="account" onclick="document.pressed=this.value" value="Log As Int" />
</form>

也许我找到了解决方案,但我不知道如何将这两者结合起来...

$('#search-form').submit(function(e) {
   if (!$('#user').val()) {
       e.preventDefault();
   }       
});

最佳答案

这可以像这样使用 JQuery 轻松完成:

$("input[type='submit']").click(function(){
    var name = $(this).val();
    if(name=="Log As"){
        $("#myform").attr('action', 'log-as.html');
    }
    if(name=="Log As Int"){
        $("#myform").attr('action', 'log-as-int.html');
    }
});

JSFiddle demo here

我还想指出您提交的是 HTML 页面而不是 PHP 页面。因此,在稍后尝试检索值时请记住这一点。

关于javascript - 对空输入什么都不做 - 结合表单上的动态操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31289765/

相关文章:

javascript - 如何使用html中的onclick属性从另一个网页调用一个网页的javascript函数?

php - 比较 HTML 和 Javascript

asp.net - 使用 asp :Button 将参数传递给函数

javascript - 一种形式的输入值求和和乘法

javascript - 动态添加数据到 span 标签

javascript - 如何检查 Backbone.View 当前是否在 DOM 中呈现?

javascript - 如何在 jquery 中动态更改属性值?

php - 在提交 php 表单之前显示 css 类

javascript - 如何在ajax内容完全加载后调用函数,例如$(window).load()或window.onload?

javascript - 如何正确链接调用 $.show() 和 $.toggleClass() 来触发 CSS3 动画