Javascript 如果textfield不为空,则自动将表单提交到url
我试图在用户名列不为空时自动提交表单。我有我的脚本,但由于我是jquery新手,我错过了它,它无法工作Javascript 如果textfield不为空,则自动将表单提交到url,javascript,jquery,ajax,Javascript,Jquery,Ajax,我试图在用户名列不为空时自动提交表单。我有我的脚本,但由于我是jquery新手,我错过了它,它无法工作 $(function() { var $username = $('#username'), if ($username != null){ $("#form1").submit,function(event){ event.preventDefault(); data = $(this).serialize(); $.ajax({
$(function() {
var $username = $('#username'),
if ($username != null){
$("#form1").submit,function(event){
event.preventDefault();
data = $(this).serialize();
$.ajax({
type: "POST",
url: "http://mysample.com/ans.php",
data: data,
success: function(data) {
$('#log_msg').html(data);
var result = $.trim(data);
if(result==="ok"){
window.location = 'page.html';
}
});
});
});
尝试在更改侦听器上使用,如
$(document).on('change', '#input_id', function(e) {
$('form_selector').submit();
});
$(document).on('submit', 'form_selector', function(e) {
//Your ajax submit logic
});
如果要进行AJAX提交,只需在
If
中调用$.AJAX
:
$(function() {
var $username = $("#username").val();
if ($username != '') {
$.ajax({
type: "POST",
url: "/ans.php",
data: $("#form1").serialize(),
success: function(data) {
$('#log_msg').html(data);
var result = $.trim(data);
if(result==="ok"){
window.location = 'page.html';
}
});
}
});
您不需要为此定义
$(“#form1”).submit()
处理程序。不工作是否意味着您会出错?如果是这样的话,会出现什么错误?请在代码的其余部分发布var
声明的结尾必须是分号,而不是逗号。您应该得到该代码的语法错误。@Jclasspill脚本混乱您在第一次加载页面时正在运行此代码。在用户有机会做任何事情之前,如何填写用户名?您需要将其放入事件处理程序中。我遵循您的答案,但当textfield不为null时,我希望它自动提交另一个表单,该表单也有一个名为username的textfield。该表单没有任何操作,因此我希望使用ajax进行提交