jQuery以验证表单中的序列号

Posted 2021-03-27

我在WordPress中使用表单插件，允许javascript查询。

我被告知使用这样的东西：jQuery("#{{elemnt_id}}").val()

在表单插件中有一个部分用于在提交之前输入代码，如下所示：

// Occurs just before submitting  the form
function before_submit() {

 // IMPORTANT! If you want to interrupt (stop) the submitting of the form, 
this function should return true. You don't need to return any value if you
don't want to stop the submission.
}

我需要根据一些小的数学方程来验证序列号。序列号的格式为：abcd-efghij（以数字的形式，但我在这里使用格式的字母，以便我可以更容易地解释会发生什么

因此序列号在以下情况下有效：

1. a始终是数字1或2
2. 在步骤11中进一步生成bcd
3. 然后将e乘以1
4. 然后将f乘以2
5. 然后将g乘以3
6. 然后将h乘以4
7. 然后我乘以5
8. 然后将j乘以6
9. 然后将efghij加在一起并乘以3
10. a乘以11并加到上一步的结果中（efghij的总数乘以3）
11. 然后将3添加到结果中，然后结果等于bcd应该是什么

因此，有效数字将类似于1287-123456

从第二组数字：

5th digit multiplied by 1:-   1x1=1
6th digit multiplied by 2:-   2x2=4
7th digit multiplied by 3:-   3x3=9
8th digit multiplied by 4:-   4x4=16
9th digit multiplied by 5:-   5x5=25
10th digit multiplied by 6:-  6x6=36

结果全部增加= 91（1 + 4 + 9 + 16 + 25 + 36）

然后乘以3： - 91x3 = 273

然后从第一组数字：

第一位乘以11： - 1x11 = 11

然后将第二组的结果添加到第一组的结果中：

273 + 11 = 284

最后添加3：

284 + 3 = 287

给你第二个第三和第四位数

我试过这个，但可能完全错了..

Dim strID
Dim ColCSum3
Dim ChkVal
Dim InitVal
strID = "element_id"
If strID = "" Then
        ''''' return false
        '''' Return "Invalid"
End If
If Mid(strID, 5, 1) <> "-" Or Len(strID) <> 11 Then
        '''' return false
        '''' Return "Invalid"
End If

InitVal = CLng(Left(strID, 1))
ChkVal = CLng(Mid(strID, 2, 3))

ColCSum3 = (1 * CLng(Mid(strID, 6, 1)) + 2 * CLng(Mid(strID, 7, 1)) + 3 * CLng(Mid(strID, 8, 1)) + 4 * CLng(Mid(strID, 9, 1)) + 5 * CLng(Mid(strID, 10, 1)) + 6 * CLng(Mid(strID, 11, 1))) * 3
If 11 * InitVal + ColCSum3 + 3 = ChkVal Then
Return "Validated"
Else
Return "Invalid"
End If

有任何帮助请在表单插件部分使用正确的代码吗？

答案

您可以在提交表单之前添加jQuery列表器（请参阅this答案或jQuery.submit docs），然后从文本字段中拆分字符并完成您的魔法。 Here是一个小提琴：https://jsfiddle.net/strauman/qef7rsxc/。

所以你的before_submit功能变成了

function before_submit(){
  // If you write return false; in here, then
  // the form will not get sent.
  // if you write return true; then the form will
  // get sent:
  // Get the value of the textbox
  inputVal = $("#serial").val();
  // From @user1515791 answer
  // Split it at the dash (-)
  console.log(inputVal.indexOf('-'));
  if (inputVal.indexOf('-') != 4) {
    $("#errmsg").html("Wrong format. Needs four numbers before dash");
    return false;
  }
  var seqs = inputVal.split('-');
  var seq1 = seqs[0];
  var seq2 = seqs[1];
  // seq1 now contains abcd
  // and sec2 contains efghij
  if (isNaN(parseInt(seq1)) ||isNaN(parseInt(seq2))) {
    $("#errmsg").html("Got non-numbers in the sequence");
    return false;
  }
  // You can extract the numbers to variables
  // like in your question like this
  a = seq1[0];
  b = seq1[1];
  c = seq1[2];
  d = seq1[3];
  e = seq2[0];
  f = seq2[1];
  //...
  j = seq2[5];
  if (a != 1 && a != 2) {
    $("#errmsg").html("the first number is not 1 or 2");
    return false;
  }
  f = f * 2;
  // ...
  return false;
})

另一答案

我不熟悉WordPress，但是：你说有一个输入

<input type="text" id="serial"/>

那么你确实可以使用jquery检索值：

var inputVal = $('#serial').val();

然后你必须在val上做你的逻辑。但是，看起来您发布的代码是可视化基本代码？你在javascript中寻找所描述的实现吗？

我会先说

if(inputVal.indexOf('-')!=4)return false;
var seqs = inputVal.split('-');
var seq1= parseInt(seqs[0]);
var seq2= parseInt(seqs[1]);
if(isNaN(seq1) || isNaN(seq2))return false;

等等......剩下的应该很容易在这里和那里找到