Question

只是想知道，我有一个有步骤的表单，所以你完成了步骤1 - 然后出现step2并隐藏了step1。

我想知道在按下我的下一个按钮ID时检查step1的必填字段是否已完成的最佳方法：<?xml version='1.0' encoding='UTF-8'?> <soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> <soapenv:Header /> <soapenv:Body> <ser:processTrans> <xmlValue> <![CDATA[ <ebpacket> <head> <packettype> UserAuthorization</packettype> <staffcode> ePay_UserName </staffcode> <pwd> ePay_Password </pwd> <env> ePay_Evnironment </env> </head> <body> <email> _username </email> <loginpwd> _password </loginpwd> <deviceid> DeviceId </deviceid> <tokenid> TokenId </tokenid> <cip> CustomerIpAddress </cip> </body> </ebpacket> ]]> </xmlValue> </ser:processTrans>

其中一个字段的示例是

nextbtn1

Answer 1

当您按下下一个按钮时，您必须检查所有输入字段。如果其中一个字段为空，则可以向用户显示信息并中止第二步的加载。

我建议使用jquery。可以通过jQuery通过输入标签访问所有输入字段，但您也将收到其他步骤的输入。对输入字段使用id和/或名称是一种更好的做法。因此，您的输入字段将如下所示（使用field1，field2等）

<input type ="text" class ="form-control" id="field1" required>

支票上写着

fieldValue = $('#field1').val();
if( fieldValue == "" )
{
   //show info that field is empty
}

您只需定义一个“最终”检查，方法检查所有字段是否为空。

修改

正如Esko所指出的那样，为场景使用验证库会更好。在这种情况下，他是对的，因为更容易拥有一个库来做验证的东西而不是你自己的实现（除了你有一些特殊的东西 - 但这不是这里的情况）。

因此，如果您在表单中有输入字段，那么请使用jquery验证库并在末尾使用一个小代码段

$("#idOfForm").validate();

你只需要添加一些注释，它就会起作用： https://jqueryvalidation.org/documentation/

单击按钮jquery（不提交按钮）时，检查必填字段是否为空

1 个答案: