javascript - 如何停止 Google 表单中的 Onsubmit

标签 javascript validation google-apps-script webforms google-forms

在 Google 表单中,我编写了一个验证检查,用于检查字段,如果超过计数,则我需要停止表单提交并提醒用户有关错误的信息。我可以将错误文本添加到 div,但无法停止表单提交。

如何停止表单提交。我已经尝试过 e.preventDefault() 但它不起作用。任何人都可以帮忙。我已附上在 Google 表单中提交表单事件时调用的代码。

function onFormSubmit(e) {
  Logger.log("test log", "testing");
var timestamp = e.values[0];
var programname = e.values[1];
var center = e.values[2];
var fullname = e.values[3];
var board = e.values[4];
var programtype = e.values[5];
var programobjective = e.values[6];
var calltoaction = e.values[7];
var begindate = e.values[8];
var enddate = e.values[9];
var marketing = e.values[10];
var budget = e.values[11];
var expectedparticipation = e.values[12];
var registrationfee = e.values[13];
var announcement = e.values[14];
var insightannouncement = e.values[15];
var additionallanguage = e.values[16];
var checklist = e.values[17];
var speakerprofile = e.values[18];
var noticeboarditem = e.values[19];
var toAddress = e.values[20];
var programcategory = e.values[21];
var liability = e.values[22];
var datesofannouncement = e.values[23];
var explaination = e.values[24];
var additionalquestion = e.values[25];
var location = e.values[26];
var externalpartners = e.values[27];
var intergenerational = e.values[28];
var announcementlanguage = e.values[29];

 // var app = DocumentApp.getUi();

  var app = UiApp.getActiveApplication();

  Logger.log("test log in checkAnnouncement: " + announcement + " insight " + insightannouncement, "testing");
 // var announcement = e.values[14];
  //var insightannouncement = e.values[15]; 
  //var toAddress = e.values[20];
  //var htmlBody = "Thank you for your <b>Program Package</b> report submitted on <i>";
  //var subject = "test subject";
  Logger.log(announcement, "testing");
  Logger.log(insightannouncement, "testing");
 // Logger.log(toAddress, "testing");

  announcement = announcement.replace(/(^\s*)|(\s*$)/gi,"");
  announcement = announcement.replace(/[ ]{2,}/gi," ");
  announcement = announcement.replace(/\n /,"\n");

  insightannouncement = insightannouncement.replace(/(^\s*)|(\s*$)/gi,"");
  insightannouncement = insightannouncement.replace(/[ ]{2,}/gi," ");
  insightannouncement = insightannouncement.replace(/\n /,"\n");

  if(announcement.split(' ').length > 3)
  {
     app.getElementById('entry_15').setText("*Announcement should be less than 30 words").setStyleAttribute("color", "#F00");
     e.preventDefault(); 
  }
  else if(insightannouncement.split(' ').length > 5)
  {
    app.getElementById('entry_32').setText("*insightAnnouncement should be less than 50 words").setStyleAttribute("color", "#F00");
   e.preventDefault(); 
  }

}

最佳答案

Google 表单的数据验证仅限于提交后,例如调用 onFormSubmission 触发器时。那时,无法与表单 UI 交互。

您的触发函数收到的事件是 FormResponse对象,它不包含 preventDefault() 方法。

引用文献

关于javascript - 如何停止 Google 表单中的 Onsubmit,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17282563/

相关文章:

javascript - 更改 React-native 中的设备区域设置

javascript - 在同一行中匹配多个模式

javascript - javascript中的日期输入类型验证?

google-apps-script - insertSheet 高级选项

http - 使用 `UrlFetchApp` 的 PUT 请求返回 'Bad Request' 但 Google Apps 脚本之外的相同请求有效

google-apps-script - 谷歌文档 : dispatch a keyboard event with userscript (tampermonkey)

javascript - 在javascript中通过DOM获取 "required' div元素

javascript - jQuery -> mouseEnter 更改 css 直到数字

Primefaces跳过按钮上的表单验证

html - Bootstrap 3 电话号码验证