jQuery按表单id条件提交不起作用

时间:2015-04-11 18:14:23

标签: javascript jquery html forms

我有html表单,想通过提交具有特定ID的表单进行验证,并使用jquery进行验证。 这是我的代码: 的 HTML

<html>
<head>
    <script src="jquery-1.11.2.min" type="text/javascript"></script>
</head>
<body>
    <form method="post" name="frmhot" id="contactform3412">
    <input type="text" name="status"/>         
    <input type="text" name="line"/>
    <input type="text" name="reason"/>
    <input type="text" name="partnum"/>
    <input type="text" name="badgescan"/>
    <input class="button_text" type="submit" value="Submit"/>
 </form>
<script type="text/javascript">
    var url = "";
    jQuery("#contactform3412").submit(function(e){
        url= 'works well!';
    });
 alert(url);
</script>
</body>

对于这个例子,我想在jQuery条件提交中获取javascript变量'url'的值。在此先感谢:)

2 个答案:

答案 0 :(得分:0)

使用此 - &gt; Fiddle

var url = "";
$("#contactform3412").submit(function(e){
    url= 'works well!';        
    alert(url);
    return  true;
});

无论如何你设置url值并在提交后执行操作,所以只在那里使用url值。在你的问题中,url无法设置为&#34;运行良好&#34;因为提交事件没有被解雇。

答案 1 :(得分:0)

您在js声明中遗漏了script文件扩展名。它应该是

<script src="jquery-1.11.2.min.js" type="text/javascript"></script>

而不是

<script src="jquery-1.11.2.min" type="text/javascript"></script>

这样,如果你将提交处理程序包装在document.ready()中,它应该可以点击表单提交。

$(document).ready(function(){
   var url = '';
    $('#contactform3412').on('submit', function(e){
        e.preventDefault();
        url= 'works well!';
        alert(url);
    });
});