Question

我有多表单，其中包含一些输入

<form class="form" role="form" onsubmit="completeSave()">
 <div class="form-body">
    <div class="form-group">
        <label>نام محتوا</label>
        <input type="text" class="form-control" name="name"
               value="{{$media->name}}">
    </div>
    <div class="form-actions">
        <button type="submit" id="{{$media->id}}" class="btn blue">ارایه</button>
    </div>
</form>
<form class="form" role="form" onsubmit="completeSave()">
 <div class="form-body">
    <div class="form-group">
        <label>نام محتوا</label>
        <input type="text" class="form-control" name="name"
               value="{{$media->name}}">
    </div>
    <div class="form-actions">
        <button type="submit" id="{{$media->id}}" class="btn blue">ارایه</button>
    </div>
</form>

我希望获得提交表单的输入值我尝试了这段代码，但它没有用

function completeSave() {
        event.preventDefault();
        var thisForm = $(this);
        console.log(thisForm.find('input[name="name"]').val())
}

它在控制台中返回undefined

Answer 1

你在这种情况下使用jQuery。你需要导入你的jQuery然后使用下面的功能可以在

找到jQuery

pop

<强> FORM

public void push(int data) {
    root = new StackNode(data, root);
}

public int pop() throws Exception {
    if (root == null)
        throw new Exception("No Elements in Stack");
    else {
        int data = root.data;
        root = root.next;
        return data;
    }
}

Answer 2

HTML表单

   $("#videosexistingtable > tbody  > tr.newvideos").each(function()
   {
        var video_id = $(this).attr('video-id');
        console.log('video_id'+video_id);
   });

脚本

<form class="form" role="form" id="form1">
 <div class="form-body">
    <div class="form-group">
        <label>نام محتوا</label>
        <input type="text" class="form-control" name="name"
               value="{{$media->name}}">
    </div>
    <div class="form-actions">
        <button type="button" id="{{$media->id}}" class="btn blue" onclick="completeSave("form1");">ارایه</button>
    </div>

希望有所帮助：）

Answer 3

使用此java脚本代码

function completeSave() {
        event.preventDefault();

        console.log($("#name").val());
}

但是在文本输入上添加id为 -

<input type="text" class="form-control" name="name" id="name"
               value="{{$media->name}}">

Answer 4

我猜你正在使用 jquery

解决方案1

关键字notification.timeZone = ...;仅在this函数时评估为form 通过jquery的提交事件调用，因此对于此解决方案，您不需要表单的HTML标记上的completeSave函数

completeSave

解决方案2

您应该将事件参数传递给位于表单HTML标记的$('form').submit(function(event) { event.preventDefault(); var thisForm = $(event.target); console.log(thisForm.find('input[name="name"]').val()) })属性上的completeSave函数

ex：onsubmit

由于<form onsubmint="completeSave(event)">关键字未评估为表单，因此您必须手动选择

this

并且function completeSave(event) { event.preventDefault(); var thisForm = $(event.target); console.log(thisForm.find('input[name="name"]').val()) }将是提交的形式

Answer 5

请尝试这个：

您肯定应该为表单添加唯一ID

<form class="form" role="form" id="form1" onsubmit="completeSave(form1)">
 <div class="form-body">
    <div class="form-group">
        <label>نام محتوا</label>
        <input type="text" class="form-control" name="name"
               value="{{$media->name}}">
    </div>
    <div class="form-actions">
        <button type="submit" id="{{$media->id}}" class="btn blue">ارایه</button>
    </div>
</form>
<form class="form" role="form" id="form2" onsubmit="completeSave(form2)">
 <div class="form-body">
    <div class="form-group">
        <label>نام محتوا</label>
        <input type="text" class="form-control" name="name"
               value="{{$media->name}}">
    </div>
    <div class="form-actions">
        <button type="submit" id="{{$media->id}}" class="btn blue">ارایه</button>
    </div>
</form>

，您的javascript代码可能如下所示：

function completeSave(form) {
      event.preventDefault();      
      var input = $("#" + form + " :text");
      console.log(input.val());
}

使用onsubmit方法

5 个答案: